Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

This javascript works in IE but not Chrome or Firefox or Safari. Why?

Status
Not open for further replies.
mminorhsd

mminorhsd

Programmer
Apr 16, 2013
2
The javascript listed below works fine in IE, but not chrome, firefox or safari. It creates a drop down menu, hiding the menu options until you mouseover the top layer of one of the menu options. I have tested it with various online validator sites and it doesn't show any errors. Is there something in it that Chrome, FF and Safari doesn't support?

<SCRIPT LANGUAGE=JAVASCRIPT TYPE=text/JAVASCRIPT>
<!--
No3 = (parseInt(navigator.appVersion,10) > 3) ? 1:0;
layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : 0;
var timer;

function Show() { if(layer) {
if(timer) { clearTimeout(timer); }
for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } }
for(i=0; i<arguments.length; i++) { menu=arguments; eval(layer).visibility = "visible"; }
} }
function Hide() { timer = setTimeout("Show()", 500); }
//-->

</SCRIPT>
<P></P msnavigation></SPAN></TD></TR></TBODY msnavigation></TABLE><DIV ALIGN=CENTER>
<TABLE border="1" cellpadding="0" cellspacing="0" WIDTH="900" HEIGHT="17" bgcolor=#4682B4 bordercolordark="#FFFFFF" bordercolor="#000080" bordercolorlight="#C0C0C0">
<tr>

<td WIDTH="150" align="center" bgcolor="#999999" ><b><A onmouseover=Show(1) onmouseout=Hide(1) HREF=" of Sale</A></b></td>
<td WIDTH="150" align="center" bgcolor="#999999" ><b><A onmouseover=Show(2) onmouseout=Hide(2) HREF=" Book</A></b></td>
</tr>
</TABLE>
<SCRIPT LANGUAGE=JAVASCRIPT>
<!--

//////////////////////////////////////////////////////

hovercolor = "#CCCCCC"; // color name/code
bgcolor = "#999999"; // color name/code
background = ""; // picture url

menu_border = 1; // IE only
border_color = "white"; // IE only

arrow_pic = " // url of arrow picture for submenus

//////////////////////////////////////////////////////


if(document.all) { if(!background) { background=bgcolor; } else { background = "url("+background+")"; } }

function LayerSpecs(Left,Top,Width) { if(No3) {
if(document.all) { Top+=7; Left+=2; Width+=56; }
this.left = Left;
this.top = Top;
this.info = "";
T=0;
for(i=3; i<arguments.length; i++) {
if(document.all) { this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\"\"'>"+arguments+"</TD></TR>"; }
else { this.info += "<LAYER onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\""+bgcolor+"\"' WIDTH="+Width+" POSITION=RELATIVE TOP="+T+">&nbsp;"+arguments+"</LAYER>"; }
T+=20;
}
} }

Layer = new Array();
arrow = "<IMG SRC='"+arrow_pic+"' WIDTH=6 HEIGHT=10 BORDER=0 ALT=''>";


//////////////////////////////////////////////

Layer[1] = new LayerSpecs(70,24,140,
'<img border="0" src=" width="13" height="12"><A HREF= </A>',
'<img border="0" src=" width="13" height="12"><A HREF= Out Day </A>');

Layer[2] = new LayerSpecs(205,24,140,
'<img border="0" src=" width="13" height="12"><A HREF= Appointment </A>',
'<img border="0" src=" width="13" height="12"><A HREF= Appointments </A>');

////////////////////////////////////////////////////////////////

j = (Layer[0]) ? 0:1;

for(i=j; i<Layer.length; i++) {
if(document.all && No3) { document.write("<SPAN onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' STYLE='position:absolute; visibility:hidden; background:"+background+"; top:"+Layer.top+"; left:"+Layer.left+";'><TABLE STYLE='border:solid "+menu_border+" "+border_color+"'>"+Layer.info+"</TABLE></SPAN>"); }
else if(document.layers && No3) { document.write("<LAYER onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR='"+bgcolor+"' BACKGROUND='"+background+"' TOP="+Layer.top+" LEFT="+Layer.left+">"+Layer.info+"</LAYER>"); }
}

// -->

</SCRIPT>

any help will be greatly appreciated.
 
Sort by date Sort by votes
Code: 
<SCRIPT LANGUAGE=JAVASCRIPT TYPE=text/JAVASCRIPT> 
<!-- 
No3 = (parseInt(navigator.appVersion,10) > 3) ? 1:0; 
layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : 0; 
var timer; 

function Show() { if(layer) { 
if(timer) { clearTimeout(timer); } 
for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } } 
for(i=0; i<arguments.length; i++) { menu=arguments[i]; eval(layer).visibility = "visible"; } 
} } 
function Hide() { timer = setTimeout("Show()", 500); } 
//--> 

</SCRIPT> 
<P></P msnavigation></SPAN></TD></TR></TBODY msnavigation></TABLE><DIV ALIGN=CENTER> 
<TABLE border="1" cellpadding="0" cellspacing="0" WIDTH="900" HEIGHT="17" bgcolor=#4682B4 bordercolordark="#FFFFFF" bordercolor="#000080" bordercolorlight="#C0C0C0"> 
<tr> 

<td WIDTH="150" align="center" bgcolor="#999999" ><b><A onmouseover=Show(1) onmouseout=Hide(1) HREF="[URL unfurl="true"]http://64.34.174.209/scripts/mgwms32.dll?MGWCHD=0&...">Point[/URL] of Sale</A></b></td> 
<td WIDTH="150" align="center" bgcolor="#999999" ><b><A onmouseover=Show(2) onmouseout=Hide(2) HREF="[URL unfurl="true"]http://64.34.174.209/scripts/mgwms32.dll?MGWCHD=0&...">Appointment[/URL] Book</A></b></td> 
</tr> 
</TABLE> 
<SCRIPT LANGUAGE=JAVASCRIPT> 
<!-- 

////////////////////////////////////////////////////// 

hovercolor = "#CCCCCC"; // color name/code 
bgcolor = "#999999"; // color name/code 
background = ""; // picture url 

menu_border = 1; // IE only 
border_color = "white"; // IE only 

arrow_pic = "[URL unfurl="true"]http://zcodesystems.com/img/rarrow.gif";[/URL] // url of arrow picture for submenus 

////////////////////////////////////////////////////// 


if(document.all) { if(!background) { background=bgcolor; } else { background = "url("+background+")"; } } 

function LayerSpecs(Left,Top,Width) { if(No3) { 
if(document.all) { Top+=7; Left+=2; Width+=56; } 
this.left = Left; 
this.top = Top; 
this.info = ""; 
T=0; 
for(i=3; i<arguments.length; i++) { 
if(document.all) { this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\"\"'>"+arguments[i]+"</TD></TR>"; } 
else { this.info += "<LAYER onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\""+bgcolor+"\"' WIDTH="+Width+" POSITION=RELATIVE TOP="+T+">&nbsp;"+arguments[i]+"</LAYER>"; } 
T+=20; 
} 
} } 

Layer = new Array(); 
arrow = "<IMG SRC='"+arrow_pic+"' WIDTH=6 HEIGHT=10 BORDER=0 ALT=''>"; 


////////////////////////////////////////////// 

Layer[1] = new LayerSpecs(70,24,140,
'<img border="0" src="[URL unfurl="true"]http://zcodesystems.com/img/lc_arrow_right.gif"[/URL] width="13" height="12"><A HREF=[URL unfurl="true"]http://64.34.174.209/scripts/mgwms32.dll?MGWLPN=LO...[/URL] </A>', 
'<img border="0" src="[URL unfurl="true"]http://zcodesystems.com/img/lc_arrow_right.gif"[/URL] width="13" height="12"><A HREF=[URL unfurl="true"]http://64.34.174.209/scripts/mgwms32.dll?MGWLPN=LO...[/URL] Out Day </A>');

Layer[2] = new LayerSpecs(205,24,140,
'<img border="0" src="[URL unfurl="true"]http://zcodesystems.com/img/lc_arrow_right.gif"[/URL] width="13" height="12"><A HREF=[URL unfurl="true"]http://64.34.174.209/scripts/mgwms32.dll?MGWLPN=LO...[/URL] Appointment </A>', 
'<img border="0" src="[URL unfurl="true"]http://zcodesystems.com/img/lc_arrow_right.gif"[/URL] width="13" height="12"><A HREF=[URL unfurl="true"]http://64.34.174.209/scripts/mgwms32.dll?MGWLPN=LO...[/URL] Appointments </A>');

//////////////////////////////////////////////////////////////// 

j = (Layer[0]) ? 0:1; 

for(i=j; i<Layer.length; i++) { 
if(document.all && No3) { document.write("<SPAN onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' STYLE='position:absolute; visibility:hidden; background:"+background+"; top:"+Layer[i].top+"; left:"+Layer[i].left+";'><TABLE STYLE='border:solid "+menu_border+" "+border_color+"'>"+Layer[i].info+"</TABLE></SPAN>"); } 
else if(document.layers && No3) { document.write("<LAYER onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR='"+bgcolor+"' BACKGROUND='"+background+"' TOP="+Layer[i].top+" LEFT="+Layer[i].left+">"+Layer[i].info+"</LAYER>"); }
} 

// --> 

</SCRIPT>

Is this what you meant Darren? I'm new to the forum and am unfamiliar with the customs of this site.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
305
lexer
lexer
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
699
Mike Lewis
Mike Lewis
JScannell
  • Locked
  • Question
Google Chrome doesn't load my javascript files
Replies
1
Views
250
JScannell
JScannell
JScannell
  • Locked
  • Question
Javascript events
Replies
1
Views
161
Daniel K
Daniel K
rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
274
rogerte
rogerte

Part and Inventory Search

Sponsor

Back
Top