viac udalostí window.onload v jednom dokumente

1daemon1 · Napísal **1daemon1**: 28.12.2012 12:45

Zdravím. Mám script, ktorý sa celý vykonáva pri udalosti window.onload. Chcem, aby si ktokoľvek mohol tento script vložiť na svoj web týmto spôsobom:

Kód:

Problém je, že pokiaľ bude za týmto kódom znova definovaná window.onload funkcia, prepíše sa tá z môjho súboru, ktorý si niekto vložil na web. Ako to spraviť tak, aby som užívateľa neobmedzil v použití window.onload za mojím scriptom ? Ďakujem.

stenley · Napísal **stenley**: 28.12.2012 16:16

Mozno pomoze, neskusal som: http://www.tek-tips.com/faqs.cfm?fid=4862

1daemon1 · Napísal autor témy **1daemon1**: 28.12.2012 18:27

Vela som googlil a nasiel som podobne riesenia. Ale toto mi bohuzial nepomoze. Pokial mi nieco neuniklo, tymto sice mozem zaregistrovat viac udalosti onload, ale musel by som uzivatela nutit pouzivat tu funkciu, ktora je v tom clanku. Jednoducho neriesi to uplne tento problem: uzivatel pouzije moj kod na vlozenie mojho externeho JS, ten sa spracuje az ked bude dokument cely nacitani a uzivatel moze pred vlozenim alebo po nom pouzivat window.onload.

Najradsej by som bol, ak by som vedel riesenie toho, ako pouzit viac onload udalosti a neobmedzit uzivatela v pouziti window.onload = ...
Asi to ale nie je mozne, takze trochu upresnim to, o co sa pokusam. Nechcem tu davat cely kod avsak to co napisem bude stacit.

V scripte ktory uzivatel includuje sa udeje toto:

Kód:

   function moja_funkcia() {
      var imgs = new Array;
                var class_name = 'nieco';
         function getElementsByClassName(node,classname) {
              if (node.getElementsByClassName) {
                return node.getElementsByClassName(classname);
              } else {
               return (function getElementsByClass(searchClass,node) {
                    if ( node == null )
                      node = document;
                    var classElements = [],
                        els = node.getElementsByTagName("*"),
                        elsLen = els.length,
                        pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"), i, j;

                    for (i = 0, j = 0; i < elsLen; i++) {
                      if ( pattern.test(els[i].className) ) {
                          classElements[j] = els[i];
                          j++;
                     }
                    }
                   return classElements;
                })(classname, node);
              }
         }
         
         imgs = getElementsByClassName(document, class_name);

        ... Tu sa spracuju najdene obrazky. Aby som mohol vyhladat vsetky obrazky podla triedy, musim mat nacitany dokument...

1daemon1 · Napísal autor témy **1daemon1**: 29.12.2012 16:27

Stale hladam ako to vyriesit ale este ma napadla jedna myslienka. Ja asi nepotrebujem, aby boli samotne obrazky nacitane, ale aby bol nacitany cely dokument so vsetkymi urcitej triedy. Cize mi staci <script> znacku presunut na koniec celeho dokumentu. K tomu ale nechcem nutit uzivatela a tak potrebujem, aby sa tam cely kod presunul sam. Alebo nieco na ten princip ale neviem ako to spravit. Vedeli by ste mi nieco ohladom toho poradit prosim ?

Ďuri · Napísal **Ďuri**: 29.12.2012 22:47

Ak includujes "neznamy" javascript do dokumentu a nevies, ci ti prepise window.onload, tak by som to riesil nejak takto (pisane z hlavy, ale malo by ist):

Kód:

<script>
var oldonload = window.onload;
</script>
<script src=nieco.js></script>
<script>
if (oldonload !== window.onload) { // handler bol prepisany
   var newonload = window.onload;
   window.onload = function() {
      oldonload();
      newonload();
   };
}
</script>

1daemon1 · Napísal autor témy **1daemon1**: 29.12.2012 23:10

Mozno som to trochu nejasne opisal.
Mne ide prave o to, aby si mohol ktokolvek includovat moj skript a navzajom sa jeho zdrojovy kod s mojim skriptom neprepisoval udalostou .onload. Duri, to co si napisal, by samozrejme fungovalo ale chcem, aby bolo includovanie mojho skriptu jednoduche. Prave preto nechcem obmedzovat uzivatela, aby musel pouzivat taketo kody s ktorymi si zalohuje povodny onload.

// Dam priklad. Ja uzivatelovi necham kod, ktory si moze dat na web, takyto kod:

Kód:

jeho obsah bude:

Kód:

window.onload = function() {
...kod na spracovanie obrazkov...
};

Chcem aby sa uzivatel nemusel zaoberat tym, co je v mojom skripte ktory si vlozil a aby mohol vlozit moj kod do svojho webu ktory bude vyzerat takto:

Kód:

<html>
<head>...</head>
<body>
<script src="cesta k mojmu skriptu"></script>
obsah webu
<script>
window.onload = function() {
...akykolvek uzivatelov kod...
};
</script>
</body>
</html>

stenley · Napísal **stenley**: 30.12.2012 10:03

Tak mi teraz napadlo, neskusal si pouzit addEventListener namiesto onload?

Ďuri · Napísal **Ďuri**: 30.12.2012 10:57

Takymto sposobom si naozaj vzdy uzivatel window.onload prepise. Ako pise stenley, jedine pouzit addEventListener, resp. attachEvent pre starsie Explorery.
Daj pozor na to, ze ak attachujes viac handlerov pre jeden event pomocou addEventListener, spustia sa v poradi, v akom si ich attachol, ale pri attachEvent to poradie moze byt opacne-- preto by jednotlive handlery mali byt uplne nezavisle.

1daemon1 · Napísal autor témy **1daemon1**: 30.12.2012 11:16

Dakujem vam, mate pravdu funguje to. Ja som to skusal uz pred tym ked som si to vsimol v stenleyho prvom linku ale asi som nieco vtedy napisal zle, pretoze mi to nefungovalo.

viac udalostí window.onload v jednom dokumente

Podobné témy