| |
|
|
| | ребят
чет у меня не выходит одна задумка,
хочу пока аякс обрабатывает и пхп файл делает запрос, хочу чтобы картинка гиф прокручивалась типа,
как бы это сделат ьс этим кодом
Это мои пробы
$( "#TabsC" ).mouseover(function() {
$.ajax({
url: '../blocks/tabcom.php',
beforeSend: function(html){
$('#TabsA').html('<div style="background-image: url(../img/loading2.gif); background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 200px;"></div>');
},
success: function(html){
$('#TabsA').html(html);
}
});
return false;
});
|
Это код без експериментов
$( "#TabsC" ).mouseover(function() {
$.ajax({
url: '../blocks/tabcom.php',
success: function(html){
$('#TabsA').html(html);
}
});
return false;
});
|
| |
| |
|
|
| |
|
|
| |
для: TavRoX
(11.01.2011 в 01:53)
| | | когда я такделаю то gif-ка не крутится | |
| |
|
|
| |
|
|
| |
для: TavRoX
(11.01.2011 в 10:18)
| | | Может она не крутится потому что вы её бэкграундом задаете? Попробуйте в диве просто картинку вставить через тег <img> | |
| |
|
|
| |
|
|
| |
для: ONYX
(11.01.2011 в 10:21)
| | | пробовал и картинкой и так и сяк
почему-то стоит
заметил что во время віполнения останавливается и та которая просто на страничке для теста расположена | |
| |
|
|
| |
|
|
| |
для: TavRoX
(11.01.2011 в 10:33)
| | | $( "#TabsC" ).mouseover(function() {
$('#TabsA').html('<img src="loader.gif"> ');
$.ajax({
url: '../blocks/tabcom.php',
success: function(html){
$('#TabsA').html(html);
}
});
return false;
}); | |
| |
|
|
| |
|
|
| |
для: AlexSol
(11.01.2011 в 10:39)
| | | и так уже делал
стоит на месте, но видно что после повторного обращения к вкладке бегунок уже на другой позиции | |
| |
|
|
| |
|
|
| |
для: TavRoX
(11.01.2011 в 10:50)
| | | или в картинке проблема или $( "#TabsC" ).mouseover(function() { выполняется постоянно | |
| |
|
|
| |
|
|
| |
для: AlexSol
(11.01.2011 в 15:22)
| | | картинки крутятся, но когда выполняется запрос через аякс то на всем сайте гиф перестает вертется)
сделал по клику тоже самое
$( "#TabsC" ).click(function() {
$('#TabsA').html('<img src="../img/loading.gif');
$.ajax({
url: '../blocks/tabcom.php',
success: function(html){
$('#TabsA').html(html);
}
});
return false;
});
|
| |
| |
|
|
| |
|
|
| |
для: TavRoX
(11.01.2011 в 15:59)
| | | попробуй так
<div id=img><img src=load.gif></div>
$.ajax({
url: '../blocks/tabcom.php',
success: funtion(data, textStatus, xhr),
{ $('#TabsA').html(html);
}
beforeSend : function(xhr) {$('#img').show();},
complete: function(xhr) {$('#img').hide();}
});
|
| |
| |
|
|
| |
|
|
| |
для: technic611
(11.01.2011 в 18:14)
| | | нет нет нет
во время клика по кнопке сайт замерает пока подгружается инфа | |
| |
|
|
