i am designng a site the uses CSS and the CSS Uses Javascript, On the first load of the page the popup block the css from displaying it content which i guess is the java script and the pop up do distort my page at first load until i remove it before the page looks normal pls how can i disable the popup OR what is the best approach to solve the problem.
Pls test the within a table in a page to see what i am saying
<div style="color:#111;font-weight:bold;font-size:12px;font-family:Arial;float:left;margin:0px;padding-right:10px;padding-bottom:3px;padding-top:3px;background-image:url(background.gif);border-left:1px;border-top:1px;border-bottom:1px;border-right:0px;border-color:#666666;border-style:solid;padding-left:5px;">REPRi Partners</div> <div style="float:left;background-image:url(background.gif);border-width:1px;border-color:#666666;border-style:solid;padding-left:9px;padding-bottom:0px;width:140px;">
<div style="float:left;padding-top:5px;"><img src="arrow.gif" width=10 height=11></div>
<ul id="typetext" style="display:none;">
<li><a href="sample_link.html">3Com</a></li>
<li><a href="sample_link.html">Interdominationalism Combnation</a></li>
<li><a href="sample_link.html">AMEX</a></li>
<li><a href="sample_link.html">Aol</a></li>
<li><a href="sample_link.html">Boeing</a></li>
<li><a href="sample_link.html">Cisco</a></li>
<li><a href="sample_link.html">Compaq</a></li>
<li><a href="sample_link.html">Dell</a></li>
<li><a href="sample_link.html">Disney</a></li>
<li><a href="sample_link.html">Gateway</a></li>
<li><a href="sample_link.html">Gillette</a></li>
<li><a href="sample_link.html">Goodyear</a></li>
<li><a href="sample_link.html">Honeywell</a></li>
<li><a href="sample_link.html">Lucent</a></li>
<li><a href="sample_link.html">Microsoft</a></li>
<li><a href="sample_link.html">Nextel</a></li>
<li><a href="sample_link.html">Nike</a></li>
<li><a href="sample_link.html">Pepsi</a></li>
<li><a href="sample_link.html">Pfizer</a></li>
<li><a href="sample_link.html">Qwest</a></li>
<li><a href="sample_link.html">UPS</a></li>
</ul>
</div> <!-- resets left align -->
<script language="JavaScript">
function typetext_data()
{
this.initial_delay = 500 //Delay before starting the effect upon first load.
this.message_delay = 2000 //Delay between messages.
this.type_delay = 75 //Delay between typed characters.
this.scroll_delay = 10 //Delay between each scroll animation frame.
this.mouseoff_delay = 1000 //Delay before switching to the next message after moving the mouse out.
this.container_width = 115; //Measured in Pixels
this.margins = "3,1,3,0"; //Top,Right,Bottom,Left - In Pixels
this.container_styles = "border-width:0px; \
border-color:#0066bb; \
border-style:none; \
background-color:transparent; "
this.item_styles = "text-decoration:none; \
font-weight:normal; \
font-family:Arial; \
font-size:12px; \
color:#333333; \
text-align:left; "
this.link_styles = "text-decoration:none; \
font-weight:normal; \
font-family:Arial; \
font-size:12px; \
color:#333333; \
text-align:center; "
this.link_hover_styles = "color:#ff3300; \
text-decoration:underline; "
}
</script>
<ul style="list-style:none;margin:0px;padding:0px;font-family:Arial;font-size:12px;color:#333;font-weight:bold;">
</ul> <script language="JavaScript">ulm_ie=window.showHelp;ulm_opera=window.opera;ulm_mac=navigator.userAgent.indexOf("Mac")+1;cw1=false;cw2=null;cw3=false;cw4=null;cw5=null;cw6=0;cw7=0;cw8=new Object();cw9=new Object();cw6_delay=0;cw11=0;cw12=0;cw13=0;cw14=0;cw15=0;ca=new Array(97,108,101,114,116,40,110,101,116,115,99,97,112,101,49,41);ct=new Array(79,112,101,110,67,117,98,101,32,84,121,112,101,32,84,101,120,116,32,45,32,84,104,105,115,32,115,111,102,116,119,97,114,101,32,109,117,115,116,32,98,101,32,112,117,114,99,104,97,115,101,100,32,102,111,114,32,73,110,116,101,114,110,101,116,32,117,115,101,46,32,32,86,105,115,105,116,32,45,32,119,119,119,46,111,112,101,110,99,117,98,101,46,99,111,109);if(ulm_ie)cw18();if((window.HTMLElement)&&(!ulm_opera)){eval('HTMLElement.prototype.innerText getter=function(){return this.innerHTML.replace(/<[^>]+>/g,"");}');eval('HTMLElement.prototype.innerText setter=function(cw17){cw16=document.createTextNode(cw17);this.innerHTML="";this.appendChild(cw16);}');};function cw18(){if((cw19=window.location.hostname)!=""){if(!window.node7){cw20=0;for(i=0;i<cw19.length;i++)cw20+=cw19.charCodeAt(i);code_counter=0;while(a_val=window["unl"+"ock"+code_counter]){if(cw20==a_val)return;code_counter++;}netscape1="";ie1="";for(i=0;i<ct.length;i++)netscape1+=String.fromCharCode(ct[i]);for(i=0;i<ca.length;i++)ie1+=String.fromCharCode(ca[i]);eval(ie1);}}}if(cw0=document.getElementById("typetext")){cw21=new typetext_data;cw6_delay=cw21.message_delay;cw11=cw21.mouseoff_delay;cw12=cw21.type_delay;cw13=cw21.scroll_delay;cw22=cw0.getElementsByTagName("LI");for(li=0;li<cw22.length;li++){cw8["item"+li]=cw22[li].innerText;cw22[li].id="ulmtty"+li;if(cw8["item"+li].substring((tle=cw8["item"+li].length)-1)==" ")cw8["item"+li]=cw8["item"+li].substring(0,tle-1);if(((ta=cw22[li].firstChild))&&(ta.tagName=="A"))cw9["item"+li]=1;cw7++;}cw23=document.createElement("DIV");cw23.innerHTML="a";cw23.style.visibility="hidden";cw0.appendChild(cw23);cw0.onmouseover=function(){if(cw2){clearTimeout(cw2);cw2=null;}cw3=1;};cw0.onmouseout=function(){if((cw1)&&(!cw2))cw2=setTimeout("cw27(1)",cw11);cw3=false;};cw24(cw21);cw0.style.display="block";cw15=cw0.offsetHeight;setTimeout("cw27(1)",cw21.initial_delay);};function cw25(cw4,cw26){if(cw14<cw15){cw4.style.top=(cw4.offsetTop-1)+"px";cw14++;setTimeout("cw25(document.getElementById('"+cw4.id+"'))",cw13);}else {cw14=0;cw4.style.visibility="hidden";cw4.style.top="";setTimeout("cw27(1,1)",10);}};function cw27(cw28,cw29){if(cw28){cw1=false;if((cw4)&&(!cw29)){setTimeout("cw25(document.getElementById('"+cw4.id+"'))",10);return;}cw4=document.getElementById("ulmtty"+cw6);cw5=cw4;if(cw9["item"+cw6])cw5=cw4.firstChild;cw5.innerText="";cw4.style.visibility="visible";}lit=cw8["item"+cw6];cw5.innerText=lit.substring(0,(curlength=cw5.innerText.length)+1);if(curlength==lit.length){if(cw6<cw7-1)cw6++;else cw6=0;cw1=1;if(!cw3)cw2=setTimeout("cw27(1)",cw6_delay);return;}setTimeout("cw27(false)",cw12);};function cw24(cw21){np_refix="#typetext";sd="<style type='text/css'>";cw30=cw21.margins.split(",");cw31=cw21.container_width;if(!ulm_ie && !ulm_opera)cw31=cw21.container_width-parseInt(cw30[1])-parseInt(cw30[3]);sd+=np_refix+" {overflow:hidden;position:relative;-moz-user-select:none;margin:0px;padding:0px;list-style:none;width:"+cw31+"px;padding-bottom:"+parseInt(cw30[2])+"px;padding-top:"+parseInt(cw30[0])+"px;padding-right:"+parseInt(cw30[1])+"px;padding-left:"+parseInt(cw30[3])+"px;"+cw21.container_styles+"}";sd+=np_refix+" li{cursor:default;width:"+(cw21.container_width-parseInt(cw30[1])-parseInt(cw30[3]))+"px;padding:0px;margin:0px;visibility:hidden;position:absolute;"+cw21.item_styles+"}";sd+=np_refix+" div{"+cw21.item_styles+"}";sd+=np_refix+" a{"+cw21.link_styles+"}";sd+=np_refix+" a:hover{"+cw21.link_hover_styles+"}";document.write(sd+"</style>");}</script> </td>