Problem with pop up on my javascript

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

•
•
Join Date: Jul 2007
Posts: 55
Reputation: atplerry is an unknown quantity at this point 
Solved Threads: 3
atplerry atplerry is offline Offline
Junior Poster in Training

Problem with pop up on my javascript

 
0
  #1
Aug 26th, 2009
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>
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum


Views: 295 | Replies: 0
Thread Tools Search this Thread



Tag cloud for JavaScript / DHTML / AJAX
ajax ajaxexample ajaxjspservlets api blackjack browser bug captchaformproblem checkbox child class close cookies createrange() cursor date debugger dependent developer disablefirebug dom dropdown editor element embed engine events explorer ext file flash form forms game gears getselection google gxt hiddenvalue highlightedword hint html ie7 ie8 iframe images internet java javascript javascripthelp2020 jquery jsf jsfile jump libcurl maps margin math matrixcaptcha media mp3 mysql object onerror onmouseoutdivproblem onreadystatechange parent passing paypal pdf php player position post programming progressbar rated runtime safari scriptlets scroll search security session shopping size software solutions star stars stretch synchronous tweet unicode web webkit webservice window wysiwyg \n
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC