jqGrid и пользовательская загрузка Gif - PullRequest
Новая
       1

jqGrid и пользовательская загрузка Gif

0 голосов
/ 01 февраля 2012

Надеюсь, кто-то может помочь!Я посмотрел на несколько примеров от Олега и других.

Я пытаюсь сделать отображение gif загрузки на jqGrid при извлечении данных из БД.

JS 

function submitSearchForm() {
var newimgsrc = $('.loading').css("background-image");
$('.loading').css({ "background-image": newimgsrc });
$('.loading').css({ "display": "block" });
$.cookie("formState", $('#conform').serialize());
$('#conform').submit();
}

CSS 

.ui-jqgrid .loading {opacity: .6; filter:Alpha(Opacity=60);background:#fff        
url(../images/Loader.gif) no-repeat 50% 50%;position: absolute; 
top:0;left:0;right:0;bottom:0;width: 100%;z-index:999999;padding: 0; margin: 0;text-
align: center;font-weight: bold;display: none;border-width: 0px !important;}

Моя проблема заключается в том, не , как заставить изображение показываться, а, скорее, как сделать егоСпина?

Любая помощь приветствуется, и если это дубликат.Пожалуйста, дайте мне ссылку на решение и закройте вопрос.

Спасибо

1 Ответ

0 голосов
/ 02 февраля 2012

Код ниже должен обеспечить основу для того, что вы хотите достичь 

<html> 
<head>   
  <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
  <style>
.loading 
{
    background:#fff url('http://www.jqueryin.com/demo/spinner/spinner.gif') no-repeat 50% 50%;
    display: none;
    height: 16px;
    width: 16px;
} 
  </style>
</head> 
<body> 

<div class="loading"></div>
<div id="spinIt">spin it</div>
<div id="stopIt">stop it</div>

<script type="text/javascript">   
$('#spinIt').click(function() {
    $('.loading').css({ "display": "block" }); 
});

$('#stopIt').click(function() {
    $('.loading').css({ "display": "none" }); 
});
</script> 
</body> 
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...