PDA

View Full Version : browser problem

jrmorris1958
08-27-2002, 03:16 AM
not sure if this is the proper forum for this question......but here it is........:

i used a script i found in here in dynamic drive and modified it to work on my web page with the following code:

<HTML>
<HEAD>

<TITLE>creative feel web design - home</TITLE>
<STYLE>
<!--

BODY {background: url(bgbar3.jpg)}
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">

image1 = new Image();
image1.src = "home2.jpg";

image2 = new Image();
image2.src = "about2.jpg";

image3 = new Image();
image3.src = "service2.jpg";

image4 = new Image();
image4.src = "client2.jpg";

image5 = new Image();
image5.src = "process2.jpg";

image6 = new Image();
image6.src = "contact2.jpg";

image7 = new Image();
image7.src = "link2.jpg";

image8 = new Image();
image8.src = "flash2.jpg";

var offsetleft=10
var offsettop=175

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!ie4

/*
Static menu script II (By maXimus, maximus@nsimail.com, http://maximus.ravecore.com/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}
setTimeout("makeStatic()",0);
}
onload=makeStatic
</SCRIPT>

</HEAD>
<BODY link=#333366 vlink=#000000>
<basefont="perpetua, helvetica, sans-serif">

<TABLE width="100%"><tr>
<TD width=35>
</TD>
<TD align=left valign=top>
<IMG SRC="logo.gif">
</TD>
<TD align=center valign=middle>
STUFF WILL BE HERE
</TD></tr>
</TABLE>

<TABLE WIDTH="100%" height=30>
<tr><TD >&nbsp;</TD></tr>
</TABLE>
<TABLE WIDTH="100%">
<tr><TD WIDTH=140 VALIGN="TOP">&nbsp;</TD>
<TD align=center valign=middle>
<font size=7>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
STUFF WILL BE HERE<BR>
</font>
<TD></tr>
</TABLE>


<div id='object1' style='position:absolute; top:175px; left:20px'>
<TABLE border=0 cellpadding=5 cellspacing=0>
<TR><TD><A href="indexC.html" onmouseover="image1.src='home2.jpg';" onmouseout="image1.src='home1.jpg';">
<img name="image1" src="home1.jpg" border=0 ALT="Creative Feel-Home"></A></TD></TR>
<TR><TD><A href="about.html" onmouseover="image2.src='about2.jpg';" onmouseout="image2.src='about1.jpg';">
<img name="image2" src="about1.jpg" border=0 ALT="Creative Feel Web Design-Information About Us"></A></TD></TR>
<TR><TD><A href="services.html" onmouseover="image3.src='service2.jpg';" onmouseout="image3.src='service1.jpg';">
<img name="image3" src="service1.jpg" border=0 ALT="Creative Feel Web Design - Services"></A></TD></TR>
<TR><TD><A href="clients.html" onmouseover="image4.src='client2.jpg';" onmouseout="image4.src='client1.jpg';">
<img name="image4" src="client1.jpg" border=0 ALT="Creative Feel Web Design - Clients"></A></TD></TR>
<TR><TD><A href="process.html" onmouseover="image5.src='process2.jpg';" onmouseout="image5.src='process1.jpg';">
<img name="image5" src="process1.jpg" border=0 ALT="Creative Feel Web Design - Design Process"></A></TD></TR>
<TR><TD><A href="contact.html" onmouseover="image6.src='contact2.jpg';" onmouseout="image6.src='contact1.jpg';">
<img name="image6" src="contact1.jpg" border=0 ALT="Creative Feel Web Design - Contact Us"></A></TD></TR>
<TR><TD><A href="links.html" onmouseover="image7.src='link2.jpg';" onmouseout="image7.src='link1.jpg';">
<img name="image7" src="link1.jpg" border=0 ALT="Creative Feel Web Design -Favorite Links"></A></TD></TR>
<TR><TD><A href="creative1.html" onmouseover="image8.src='flash2.jpg';" onmouseout="image8.src='flash1.jpg';">
<img name="image8" src="flash1.jpg" border=0 ALT="Creative Feel- Flash Site"></A></TD></TR>
</TABLE>
</div>

</BODY>
</HTML>

the code works great....unless user is using netscape......is it possible to do the same effects so the the site would be the same in netscape.......if so how would i do this.......if not i assume that i would need to design differenrt pages for netscape users.....if i have to do that how do i code a browser detection that would redirect users to netscape viewable pages...sorry to be so long winded but i am unsure what to do now.

if you would like to see the page in the different browsers the url is:

http://www.enter.net/~jrmorris1958
Gordo
08-27-2002, 03:32 AM
You are talking about the following page (for example), right!?
http://www.enter.net/~jrmorris1958/indexC.html

Well, I just tested it on the following browsers: IE 6 Netscape 4.79 Netscape 6 Opera 5 Mozilla 1.0

It froze up Opera, but worked just fine on all the other browsers.

The menu, according to DynamicDrive, is not even set to work on N6/Mozilla. But it does.

So, I don't know what else to tell you.

Oh, the proper forum would have been the "Dynamic Drive" one -- it's a sub-forum to this JavaScript forum. But, just leave this thread here (do not start a new one). A moderator may move it...and then again may not. All is good.
jrmorris1958
08-27-2002, 04:06 AM
thanks for info.....i must have older browser than i thought cus my buttons are all over the place when i look at it.....i will check it out.....thanks again