ugrás a tartalomhoz

ajax loader készítése

aspirany · 2008. Aug. 25. (H), 17.43
sikerült egy ilyet összehoznom de IE6 alatt nem működik
Sziasztok készítettem egy egész képernyős loadert de IE6 illetve IE7 alatt nem működik,firefox alatt működik.
ajaxból hívom meg.egy loading div-be

ajaxDisplay.innerHTML = "<div id=\"background\"><div id=\"overlay\"><div><img src=\"images/ajax_loader.gif\"></div></div></div>";


#background {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
overflow:hidden;
padding:0;
margin:0;
background-color:#fff;
filter:alpha(opacity=50);
opacity:0.5;
}

#overlay {
position:absolute;
top:30%;
left:43%;
padding:10px;
width:14%;
}

köszönöm a segítséget
 
1

Minta..

TeeCee · 2008. Aug. 26. (K), 16.32
... oldalt ha csinálnál, akkor meg is néznéd, de így nem foglalkozom vele bocsi.

Más tészta:
Látod a két sor közötti különbséget? (mondjuk itt én sem, de biztos egy jobb JS-színeződ van, amivel szerkeszted a JS-t)

ajaxDisplay.innerHTML = "<div id=\"background\"><div id=\"overlay\"><div><img src=\"images/ajax_loader.gif\"></div></div></div>";
ajaxDisplay.innerHTML = '<div id="background"><div id="overlay"><div><img src="images/ajax_loader.gif"></div></div></div>';
Amúgy az overlay DIV-en belül miért raktál még egy DIV-et?

Amúgy (2) én CSS-módosítással szoktam a loader-ikont eltüntetni/megjeleníteni, jQuery-vel (és más Js-függvénytárral is) könnyen megoldható.
2

azert köszi :)

aspirany · 2008. Aug. 26. (K), 22.20
van oldal.

látom a két sor közötti különbséget csak eddig nem sikerült rátalálnom hogy hol tudom ezt beállítani

gondolom nem ("""")

Amúgy láttad a css kódot amit csináltam, minden okés vagy van valami extra amiért IE alatt nem mük

Köszi a segítséget és a válaszodat.
3

Tipp

vbence · 2008. Aug. 27. (Sze), 08.19
elsőre nekem nem jön le, miért lenne a #background teljes képernyős, hiszen nincs benne width vagy height megadva. Ha meg scroll tartománnyal is dolgozol, akkor a #overlay pozícionálása sem lesz ilyen egyszerű.
4

pedig ff3 mük

aspirany · 2008. Aug. 27. (Sze), 09.09
pedig firefox3 alatt működik.
5

Nem ez a kérdés

vbence · 2008. Aug. 27. (Sze), 11.13
Ha te sem érted a kocepciót, csak próbálgatsz, akkor ne várj túl fényes eredményt. Inkább kukkants bene, hogy a lightbox vagy lightwindow vagy bármeliyk klón milyen css paramétereket használ.
6

ok

aspirany · 2008. Aug. 27. (Sze), 16.37
köszi, megnézem