943,522 Members | Top Members by Rank

Ad:
Aug 26th, 2009
0

Problem with pop up on my javascript

Expand Post »
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>
Similar Threads
Reputation Points: 10
Solved Threads: 3
Junior Poster in Training
atplerry is offline Offline
58 posts
since Jul 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: problem with <br> tag inside <textarea> tag???
Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Javascript Variables & Frames





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC