Re: FF, jscript ir <link onload> [read only @ 2010-01-13 11:00:34]

Tema: Re: FF, jscript ir <link onload>
Autorius: read only
Data: 2010-01-13 11:00:34
<!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>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></BODY></HTML>