ukemike
08-12-2003, 10:32 AM
I have been trying to make this one page of my website compatible with netscape 7.0 for so long. i give up. if anyone have a couple of minutes i would really appreciate it if they looked at my source. it works perfectly in MSIE 6.0 but doesnt do anything in netscape. i tried to debug it with alert statements, but for some reason. where i have this_key.height = 0
this_key.visibility = hidden;
it wont execute those two statements in netscape. i know my code is kinda buggy, its my first attempt at making something like this so plz bare wid me.
i've broke it up into two pieces cuz it woudlbt let me post the whole thing. thanx
Anyway here it is:
<HTML>
<HEAD>
<script language="JavaScript" src="java.js"></script>
<STYLE>
a:active, a:link {text-decoration: none; color: 'red';}
a:hover {color: "white"; text-decoration: none;}
a:visited {text-decoration: none;}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide from old browsers
//var init_msg = "THIS IS DA FUTURE. YOU ARE WELCOMED TO JOIN. F*CK DA NONBELIEVERS, F*CK DA FEDS. HARDKORE LIVEZ. prince of darknezz "
var str = ""
var msg = ""
var leftmsg = ""
function setMessage()
{
if (msg == "")
{
str = " "
msg = init_msg
leftmsg = ""
}
if (str.length == 1)
{
while (msg.substring(0, 1) == " ")
{
leftmsg = leftmsg + str
str = msg.substring(0, 1)
msg = msg.substring(1, msg.length)
}
leftmsg = leftmsg + str
str = msg.substring(0, 1)
msg = msg.substring(1, msg.length)
for (var ii = 0; ii < 120; ii++)
{str = " " + str}
}
else
{
str = str.substring(10, str.length) // decrease str little by little
}
window.status = leftmsg + str
JSCTimeOutID = window.setTimeout('setMessage()',5)
}
<!-- done hiding -->
</SCRIPT>
<style>
<!--
#intro {position: absolute;
left: 50px;
top: 24px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0px;
}
#news {position: absolute;
left: 50px;
top: 52px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0px;
}
#discussion {position: absolute;
left: 50px;
top: 84px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#events {position: absolute;
left: 50px;
top: 116px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#tutorials {position: absolute;
left: 50px;
top: 148px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#production {position: absolute;
left: 50px;
top: 180px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#pictures {position: absolute;
left: 50px;
top: 212px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#**** {position: absolute;
left: 50px;
top: 244px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#links {position: absolute;
left: 50px;
top: 276px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
see next post
-->
</style>
this_key.visibility = hidden;
it wont execute those two statements in netscape. i know my code is kinda buggy, its my first attempt at making something like this so plz bare wid me.
i've broke it up into two pieces cuz it woudlbt let me post the whole thing. thanx
Anyway here it is:
<HTML>
<HEAD>
<script language="JavaScript" src="java.js"></script>
<STYLE>
a:active, a:link {text-decoration: none; color: 'red';}
a:hover {color: "white"; text-decoration: none;}
a:visited {text-decoration: none;}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide from old browsers
//var init_msg = "THIS IS DA FUTURE. YOU ARE WELCOMED TO JOIN. F*CK DA NONBELIEVERS, F*CK DA FEDS. HARDKORE LIVEZ. prince of darknezz "
var str = ""
var msg = ""
var leftmsg = ""
function setMessage()
{
if (msg == "")
{
str = " "
msg = init_msg
leftmsg = ""
}
if (str.length == 1)
{
while (msg.substring(0, 1) == " ")
{
leftmsg = leftmsg + str
str = msg.substring(0, 1)
msg = msg.substring(1, msg.length)
}
leftmsg = leftmsg + str
str = msg.substring(0, 1)
msg = msg.substring(1, msg.length)
for (var ii = 0; ii < 120; ii++)
{str = " " + str}
}
else
{
str = str.substring(10, str.length) // decrease str little by little
}
window.status = leftmsg + str
JSCTimeOutID = window.setTimeout('setMessage()',5)
}
<!-- done hiding -->
</SCRIPT>
<style>
<!--
#intro {position: absolute;
left: 50px;
top: 24px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0px;
}
#news {position: absolute;
left: 50px;
top: 52px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0px;
}
#discussion {position: absolute;
left: 50px;
top: 84px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#events {position: absolute;
left: 50px;
top: 116px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#tutorials {position: absolute;
left: 50px;
top: 148px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#production {position: absolute;
left: 50px;
top: 180px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#pictures {position: absolute;
left: 50px;
top: 212px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#**** {position: absolute;
left: 50px;
top: 244px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
#links {position: absolute;
left: 50px;
top: 276px;
width: 100px;
height: 0px;
background-color: black;
layer-background-color: black;
visibility: hidden;
border: 2px solid red;
padding: 0 px;
}
see next post
-->
</style>