Miért fut le idő előtt a document. Onload?
document.onload = loader;
Nem használtam zárójelet, mégis azonnal lefut a 'loader' függvény, mielőtt rendelkezésre állnának a szükséges DOM elemek. Ha 'body.onload'-ot használok, konzolban ezt kapom: 'body is not defined'. (igen, van body az oldalon :D)
a window.onload működik egyébként
de engem érdekel, hogy a document-nél mi a baj
válasza:Window.onload, ha a kepek es mas kulso fileok (pl js, css) betoltodtek.
Document.onload ha a DOM fa felepult a html kodbol.
Body.onload pedig nincs, a body egy html tag, a document es window nem, nem is logikus, hogy egy tag betolteset figyelhetned.
válasza:jQuery('body') <-- így a <body> html tagra.
jQuery(document).ready(function() { ... }); // </html> betöltésekor
jQuery(window).on('load', function() { ... }); // utolsó js/css/kép betöltése után
jQuery(body) <-- body mint objektum nem létezik, és te ezt használtad fogadjunk.
válasza:igen, elég szétszórt tudok lenni, sejtettem, hogy a 'body' az én hibám
'document.body' kellett volna, tudom:D
Viszont ha a DOM-fa fölépült, és azt módosítom js-el, akkor azt az utólag kiírt html-kód felülírhatja?
válasza: válasza:var page = document.getElementsByClassName("page");
var p = 0;
function loader(){
for (var i = 0; i != page.length; ++i){
page[i].style.zIndex = 100 - i;
page[i].style.transform = "scale(" + 5/(i-p+5) + ", " + 5/(i-p+5) +")";
if (i-p < 0){
page[i].style.opacity = 0;
page[i].style.pointerEvents = "none";
}
else{
page[i].style.opacity = 2/(i-p+2);
page[i].style.pointerEvents = "auto";
}
}
}
document.onload = loader;
.
.
.
és, hogy érthető legyen a 'p' változó...
function scrollEvt(e){
e = e || window.event;
if (e.deltaY > 0)
if (p != page.length-1){
++p;
loader();
}
else if (p != 0){
--p;
loader();
}
}
document.onwheel = scrollEvt;
.
.
azt tudom, hogy a z-indexet tök fölöslegesen állítja be minden egyes alkalommal, azt majd átteszem egy másik függvénybe
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!