Re: FF, jscript ir <link onload> [flegmatoid @ 2010-01-13 11:07:37]

Tema: Re: FF, jscript ir <link onload>
Autorius: flegmatoid
Data: 2010-01-13 11:07:37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=windows-1257" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.18854">
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#c0c0c0>
<DIV><FONT size=2 face=Arial>sitas geras, bet &lt;script&gt; objektai man 
problemu nekelia (ten naudojamas tas pats onload event'as 
principe).</FONT></DIV>
<DIV><FONT size=2 face=Arial>Gi, apie &lt;link&gt;'us ten nekalbama 
....deja</FONT></DIV>
<BLOCKQUOTE 
style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px" 
dir=ltr>
  <DIV>"'read only'" &lt;<A 
  href="mailto:wormazeta@gmaildot.com">wormazeta@gmaildot.com</A>&gt; wrote in 
  message <A 
  href="news:hik23i$ac3$1@trimpas.omnitel.net">news:hik23i$ac3$1@trimpas.omnitel.net</A>...</DIV>
  <DIV><FONT size=2 face=Arial>Pasidomek LazyLoad</FONT></DIV>
  <DIV><FONT size=2 face=Arial><A 
  href="http://www.appelsiini.net/projects/lazyload">http://www.appelsiini.net/projects/lazyload</A></FONT></DIV>
  <DIV><FONT size=2 face=Arial><A 
  href="http://wonko.com/post/painless_javascript_lazy_loading_with_lazyload">http://wonko.com/post/painless_javascript_lazy_loading_with_lazyload</A></FONT></DIV>
  <DIV><FONT size=2 face=Arial>ir t.t.</FONT></DIV>
  <BLOCKQUOTE 
  style="BORDER-LEFT: #000000 2px solid; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 0px" 
  dir=ltr>
    <DIV>"flegmatoid" &lt;<A 
    href="mailto:flegmatoid@gmail.com">flegmatoid@gmail.com</A>&gt; wrote in 
    message <A 
    href="news:hik1d9$93q$1@trimpas.omnitel.net">news:hik1d9$93q$1@trimpas.omnitel.net</A>...</DIV>
    <DIV><FONT size=2 face=Arial>sveiki,</FONT></DIV>
    <DIV><FONT size=2 face=Arial></FONT>&nbsp;</DIV>
    <DIV><FONT size=2 face=Arial>yra poreikis&nbsp;dinamiskai uzloadinti keleta 
    css'u ir js'u, jau baigtame loadinti dokumente.</FONT></DIV>
    <DIV><FONT size=2 face=Arial>T.y. pradzioje loadiname css'a, po to - eileje 
    esanty js'a. Sekoje g.b. nuo vieno iki keliolikos failu (mano atveju). 
    Tikslas - isvengti race condition'u.</FONT></DIV>
    <DIV><FONT size=2 face=Arial></FONT>&nbsp;</DIV>
    <DIV><FONT size=2 face=Arial>&lt;script&gt; objektams pasidariau toki 
    method'a, kuris lyg ir veikia (FF only realizacija kolkas), gi po FF 
    &lt;link&gt; objektai&nbsp;irgi palaiko onload event'a, taciau jis 
    "neissauna"!</FONT></DIV>
    <DIV><FONT size=2><FONT face=Arial>("fire "load" event on stylesheet linking 
    elements when the sheet load finishes" - </FONT><A 
    href="https://bugzilla.mozilla.org/show_bug.cgi?id=185236"><FONT 
    face=Arial>https://bugzilla.mozilla.org/show_bug.cgi?id=185236</FONT></A><FONT 
    face=Arial>)</FONT></FONT></DIV>
    <DIV><FONT size=2 face=Arial></FONT>&nbsp;</DIV>
    <DIV><FONT size=2 face=Arial>kas matet/girdejot/turit panasu sprendima (ar 
    seip minciu)&nbsp;stylesheet'u loadinimui - padekit!</FONT></DIV>
    <DIV><FONT size=2 face=Arial></FONT>&nbsp;</DIV>
    <DIV><FONT size=2 face=Arial>dabar kaip ir tupikas - galvojau pradzioje 
    &lt;head&gt; vaikus skaiciuoti ir pastebejus pokyti imituoti "onload'a" - 
    wrong way.</FONT></DIV>
    <DIV><FONT size=2 face=Arial>siuo metu&nbsp;bandau document.styleSheets 
    stebeti, bet ten isvis mistika -&nbsp;matau pastoviai kintanti vaiku skaiciu 
    - 2;0;3;0;5;0 (loadinant keleta normaliu css'u ir viena dideli (viduje *.php 
    failo virsuje sleep(20) ideta pvz)).</FONT></DIV>
    <DIV><FONT size=2 
    face="Courier New">_________________________________________________________</FONT></DIV>
    <DIV><FONT size=2 face="Courier New"></FONT>&nbsp;</DIV>
    <DIV><FONT size=2 face="Courier New">var qLoader={<BR>&nbsp; 
    queue:false,<BR>&nbsp; load: function () {<BR>&nbsp;&nbsp;&nbsp; if 
    (!this.queue || this.queue.length==0) return;&nbsp;&nbsp;&nbsp;</FONT></DIV>
    <DIV><FONT size=2><BR><FONT face="Courier New">&nbsp;&nbsp;&nbsp; var 
    d=document;<BR>&nbsp;&nbsp;&nbsp; var head = 
    d.getElementsByTagName('head')[0];<BR>&nbsp;&nbsp;&nbsp; var 
    url=this.queue.shift();</FONT></FONT></DIV>
    <DIV><FONT size=2><BR><FONT face="Courier New">&nbsp;&nbsp;&nbsp; if 
    (url.match(/js(b?)/g)) {<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var obj = 
    d.createElement('script');<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; obj.src = 
    url;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    obj.type='text/javascript';<BR>&nbsp;&nbsp;&nbsp; } else if 
    (url.match(/css/g)) {<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var obj = 
    d.createElement('link');<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; obj.href = 
    url;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    obj.type='text/css';<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    obj.rel='stylesheet';<BR>&nbsp;&nbsp;&nbsp; }<BR>&nbsp;&nbsp;&nbsp; 
    <BR>&nbsp;&nbsp;&nbsp; obj.onload=function() {//sis eventas&nbsp;suveikia 
    tik&nbsp;&lt;script&gt;, bet ne &lt;link&gt; 
    objektams<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    qLoader.load();<BR>&nbsp;&nbsp;&nbsp; }</FONT></FONT></DIV><FONT size=2 
    face="Courier New">
    <DIV><BR>&nbsp;&nbsp;&nbsp; head.appendChild(obj);<BR>&nbsp; }<BR>}</DIV>
    <DIV>&nbsp;</DIV>
    <DIV>var objects=[</DIV>
    <DIV>'/js/test1.js',</DIV>
    <DIV>'/ts/test2.js',</DIV>
    <DIV>'/css/style2.css'</DIV>
    <DIV>]<BR></DIV>
    <DIV>qLoader.queue=objects;</DIV>
    <DIV>qLoader.load();</FONT></DIV></BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>