| Autor | Zpráva | ||
|---|---|---|---|
| Cup Profil |
#1 · Zasláno: 13. 2. 2011, 20:09:58
Dobrý den,
mám problém chci aby se mi u myši zobrazoval obrázek načítání při vykonání jedné fce která posílá data pomocí postu na server. chci to pouze u této fce, mám ale problém, všechno funguje jak má, ()když vykonáme určitou událost ale když pak pohnu myší, tak se loading efekt znovu zobrazí ... beztak to bude nějaká prkotina efekt načítání by se měl zobrazit když přetáhnete blok (ty obdélníky uprostřed) odkudkoli, kamkoli. PHP soubor který je volaný má nastaveno sleep(1); takže by to mělo být alespoň jednu sekundu vidět. tady je živá ukázka: http://beta2.tridniweb.cz/ tady je JS function loadStart(){
$("html").mousemove(function(event){
var mleft = event.pageX;
var mtop = event.pageY;
$("#loading").html('<img src="/style/cssImg/loading.gif">')
.css("top", mtop - 20)
.css("left", mleft + 2)
.fadeIn();
});
}
function loadingEfect(){
loadStart();
var column1, column2, column3;
$("#column1 > li[class='widget']").each(function(index) { column1 += '#' + $(this).attr("id");});
$("#column2 > li[class='widget']").each(function(index) { column2 += '#' + $(this).attr("id");});
$("#column3 > li[class='widget']").each(function(index) { column3 += '#' + $(this).attr("id");});
$.post('/tools/saveLayout.php', {'column1': column1, 'column2': column2, 'column3': column3 }, function(){$("#loading").fadeOut(100);});
} |
||
| Cup Profil |
#2 · Zasláno: 14. 2. 2011, 07:35:42 · Upravil/a: Cup
vyřešeno:
function loadStart(){
$("html").mousemove(function(event){
var mleft = event.pageX;
var mtop = event.pageY;
$("#loading").html('<img src="/style/cssImg/loading.gif">')
.css("top", mtop - 20)
.css("left", mleft + 2);
});
}
function loadingEfect(){
$("#loading").fadeIn();
loadStart();
var column1, column2, column3;
$("#column1 > li[class='widget']").each(function(index) { column1 += '#' + $(this).attr("id");});
$("#column2 > li[class='widget']").each(function(index) { column2 += '#' + $(this).attr("id");});
$("#column3 > li[class='widget']").each(function(index) { column3 += '#' + $(this).attr("id");});
$.post('/tools/saveLayout.php', {'column1': column1, 'column2': column2, 'column3': column3 }, function(){$("#loading").fadeOut(100);});
}takhle to funguje |
||
|
Časová prodleva: 14 let
|
|||
0