now only works in Opera!

Crash1hd

03-14-2003, 01:05 PM

I am having trouble with the following script I get errors loading it into IE and Netscape but works fine in opera

the error in netscape is crossobj has no properties.
and the one in ie is line 58 error document.all.DiWelcome.style is null or not an object

<html><head><title>Edited out</title>
<Script Type="text/javascript">

</Script>

<Script Type="text/javascript">

</Script>

<script>
function load(){
if(ns||w3) {
available_width=innerWidth;
available_height=innerHeight;
avwn=available_width-114;
avhn=available_height-114;
layerSetup();
}
if(ie) {
available_width=document.body.clientWidth;
available_height=document.body.clientHeight;
avwn=available_width-100;
avhn=available_height-114;
layerSetup();
}
}

</script>
<SCRIPT language="JavaScript" SRC="popup.js" TYPE="text/javascript"></SCRIPT>
</head>

<body onLoad='preloadImages(); load(); DiWelcome();' onResize="location.reload();" background="Images/Star.jpg">

<div id=DTitle style='position:absolute; Z-INDEX: 3;'>
<b><font face='Black Chancery, Comic Sans MS, Arail' color='#FF00FF' size='6'>Edited Web Creations</font></b>
</div>

<div id=DWelcome style="position:absolute; visibility:hidden; font-family:arial; font-size:10pt; padding:5pt; width: 450; height: 360; Z-Index: 1; clip:rect(0,450,360,0); background-color:#CCCCCC; layer-background-color:#CCCCCC">
<p align="center"><b>Welcome To Edited Web Creations</b><BR>
<script>
if (window.opera){document.write('You are useing Opera, If you are useing ver 6!<BR>You have to doubleclick all of the buttons below');}
</script>
</P>
</div>

<div id=DServices style="position:absolute; visibility:hidden; font-family:arial; font-size:10pt; padding:5pt; width: 450; height: 360; Z-Index: 1; clip:rect(0,450,360,0); background-color:#CCCCCC; layer-background-color:#CCCCCC">
<p align="center"><b>Services</b></P>
</div>

<div id=DMembers style="position:absolute; visibility:hidden; font-family:arial; font-size:10pt; padding:5pt; width: 450; height: 360; Z-Index: 1; clip:rect(0,450,360,0); background-color:#CCCCCC; layer-background-color:#CCCCCC">
<p align="center"><b>Members</b></P>
</div>

<div id=DGallery style="position:absolute; visibility:hidden; font-family:arial; font-size:10pt; padding:5pt; width: 450; height: 360; Z-Index: 1; clip:rect(0,450,360,0); background-color:#CCCCCC; layer-background-color:#CCCCCC">
<p align="center"><b>Gallery</b></P>
</div>

<div id=DLinks style="position:absolute; visibility:hidden; font-family:arial; font-size:10pt; padding:5pt; width: 450; height: 360; Z-Index: 1; clip:rect(0,450,360,0); background-color:#CCCCCC; layer-background-color:#CCCCCC">
<p align="center"><b>Links</b></P>
</div>

<div id=DWhoAreWe style="position:absolute; visibility:hidden; font-family:arial; font-size:10pt; padding:5pt; width: 450; height: 360; Z-Index: 1; clip:rect(0,450,360,0); background-color:#CCCCCC; layer-background-color:#CCCCCC">
<p align="center"><b>Who Are We?</b></P>
</div>

Crash1hd

03-14-2003, 01:05 PM

<Div ID=DMenu style='position:absolute; height:112; width:816; Z-INDEX: 2;'>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=9><IMG Name="Top" SRC="Images/TopBar.gif" ALT=""></TD>
<TD><IMG SRC="Images/spacer.gif" WIDTH=1 HEIGHT=20 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=6><IMG Name="Left" SRC="Images/Left.gif"></TD>
<TD ROWSPAN=2><IMG Name="LED_1" SRC="Images/LED-1.gif"></TD>
<TD ROWSPAN=2><A Href="#" onClick="dismissbox();DiServices();" OnMouseOver="window.status='Services'; changeImages(document.Screen, 'Images/Screen-Bar-1_over.gif'); return true;" OnMouseOut="window.status=''; changeImages(document.Screen, 'Images/Screen.gif'); return true;" OnMouseDown="changeImages(document.LED_1, 'Images/LED-1-Bar-1_down.gif', document.Bar_1, 'Images/Bar-1-down.gif'); return true;" onMouseUp="changeImages(document.LED_1, 'Images/LED-1.gif', document.Bar_1, 'Images/Bar-1.gif'); return true;"><Img Name="Bar_1" Src="Images/Bar-1.gif" Border=0 Alt="Services"></A></TD>
<TD ROWSPAN=5><IMG Name="Outer_Screen_Left" SRC="Images/Outer-Screen-Left.gif" ALT=""></TD>
<TD><IMG Name="Outer_Screen_Top" SRC="Images/Outer-Screen-Top.gif"></TD>
<TD ROWSPAN=5><IMG Name="Outer_Screen_Right" SRC="Images/Outer-Screen-Right.gif" ALT=""></TD>
<Td RowSpan=2><A Href="#" onClick="dismissbox();DiGallery();" OnMouseOver="window.status='Gallery'; changeImages(document.Screen, 'Images/Screen-Bar-4_over.gif'); return true;" OnMouseOut="window.status=''; changeImages(document.Screen, 'Images/Screen.gif'); return true;" OnMouseDown="changeImages(document.LED_4, 'Images/LED-4-Bar-4_down.gif', document.Bar_4, 'Images/Bar-4-down.gif'); return true;" onMouseUp="changeImages(document.LED_4, 'Images/LED-4.gif', document.Bar_4, 'Images/Bar-4.gif'); return true;"><Img Name="Bar_4" Src="Images/Bar-4.gif" Border=0 Alt="Gallery"></A></TD>
<TD ROWSPAN=2><IMG Name="LED_4" SRC="Images/LED-4.gif"></TD>
<TD ROWSPAN=6><IMG Name="Right" SRC="Images/Right.gif"></TD>
<TD><IMG SRC="Images/spacer.gif" WIDTH=1 HEIGHT=7 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3><IMG Name="Screen" SRC="Images/Screen.gif"></TD>
<TD><IMG SRC="Images/spacer.gif" WIDTH=1 HEIGHT=11 ALT=""></TD>
</TR>
<TR>
<TD><IMG Name="LED_2" SRC="Images/LED-2.gif"></TD>
<Td><A Href="#" onClick="dismissbox();DiMembers();" OnMouseOver="window.status='Members'; changeImages(document.Screen, 'Images/Screen-Bar-2_over.gif'); return true;" OnMouseOut="window.status=''; changeImages(document.Screen, 'Images/Screen.gif');" OnMouseDown="changeImages(document.LED_2, 'Images/LED-2-Bar-2_down.gif', document.Bar_2, 'Images/Bar-2-down.gif'); return true;" onMouseUp="changeImages(document.LED_2, 'Images/LED-2.gif', document.Bar_2, 'Images/Bar-2.gif'); return true;"><IMG Name="Bar_2" SRC="Images/Bar-2.gif" Border=0></A></Td>
<TD><A Href="#" onClick="dismissbox();DiLinks();" OnMouseOver="window.status='Links'; changeImages(document.Screen, 'Images/Screen-Bar-5_over.gif'); return true;" OnMouseOut="window.status=''; changeImages(document.Screen, 'Images/Screen.gif'); return true;" OnMouseDown="changeImages(document.LED_5, 'Images/LED-5-Bar-5_down.gif', document.Bar_5, 'Images/Bar-5-down.gif'); return true;" onMouseUp="changeImages(document.LED_5, 'Images/LED-5.gif', document.Bar_5, 'Images/Bar-5.gif'); return true;"><Img Name="Bar_5" Src="Images/Bar-5.gif" Border=0 Alt="Links"></A></TD>
<TD><IMG Name="LED_5" SRC="Images/LED-5.gif"></TD>
<TD><IMG SRC="Images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2><IMG Name="LED_3" SRC="Images/LED-3.gif"></TD>
<TD ROWSPAN=2><A Href="#" onClick="dismissbox();DiWelcome();" OnMouseOver="window.status='Home'; changeImages(document.Screen, 'Images/Screen-Bar-3_over.gif'); return true;" OnMouseOut="window.status=''; changeImages(document.Screen, 'Images/Screen.gif'); return true;" OnMouseDown="changeImages(document.LED_3, 'Images/LED-3-Bar-3_down.gif', document.Bar_3, 'Images/Bar-3-down.gif'); return true;" onMouseUp="changeImages(document.LED_3, 'Images/LED-3.gif', document.Bar_3, 'Images/Bar-3.gif'); return true;"><IMG Name="Bar_3" SRC="Images/Bar-3.gif" Border=0></A></TD>
<TD ROWSPAN=2><A Href="#" onClick="dismissbox();DiWhoAreWe();" OnMouseOver="window.status='Who Are We'; changeImages(document.Screen, 'Images/Screen-Bar-6_over.gif'); return true;" OnMouseOut="window.status=''; changeImages(document.Screen, 'Images/Screen.gif'); return true;" OnMouseDown="changeImages(document.LED_6, 'Images/LED-6-Bar-6_down.gif', document.Bar_6, 'Images/Bar-6-down.gif'); return true;" onMouseUp="changeImages(document.LED_6, 'Images/LED-6.gif', document.Bar_6, 'Images/Bar-6.gif'); return true;"><Img Name="Bar_6" Src="Images/Bar-6.gif" Border=0 Alt="Who Are We"></A></TD>
<TD ROWSPAN=2><IMG Name="LED_6" SRC="Images/LED-6.gif"></TD>
<TD><IMG SRC="Images/spacer.gif" WIDTH=1 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD><IMG Name="Outer_Screen_Bottem" SRC="Images/Outer-Screen-Bottem.gif"></TD>
<TD><IMG SRC="spacer.gif" WIDTH=1 HEIGHT=3 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG Name="Bottem_Left" SRC="Images/Bottem-Left.gif"></TD>
<TD COLSPAN=3><IMG Name="Speakers" SRC="Images/Speakers.gif"></TD>
<TD COLSPAN=2><IMG Name="Bottem_Right" SRC="Images/Bottem-Right.gif"></TD>
<TD><IMG SRC="Images/spacer.gif" WIDTH=1 HEIGHT=36 ALT=""></TD>
</TR>
</TABLE>
</Div>
</body></html>

I have also attached the js file

Crash1hd

03-14-2003, 01:06 PM

this is the js file I am very sorry that it is so big

// Drop-in content box- By Dynamic Drive
// For full source code and more DHTML scripts, visit http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm
// This credit MUST stay intact for use

var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);

var bouncelimit=32 //(must be divisible by 8)

function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
//if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}

//below is the actual info for each drop in
if(ie) {
doc = 'document.all["';
sty = '"].style';
htm = "";

}
if(ns) {
doc = 'document.layers["';
sty = '"]';
htm = ".document";

}
if(w3) {
doc = 'document.getElementById("';
sty = '").style';
htm = "";
}

function DiWelcome(){
if (!w3&&!ie&&!ns) return;
crossobj=eval(doc + 'DiWelcome' + sty);
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility="visible"
dropstart=setInterval("dropin()",50)
}

function DiServices(){
if (!w3&&!ie&&!ns) return;
crossobj=eval(doc + 'DiServices' + sty);
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility="visible"
dropstart=setInterval("dropin()",50)
}

function DiMembers(){
if (!w3&&!ie&&!ns) return;
crossobj=eval(doc + 'DiMembers' + sty);
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility="visible"
dropstart=setInterval("dropin()",50)
}

function DiGallery(){
if (!w3&&!ie&&!ns) return;
crossobj=eval(doc + 'DiGallery' + sty);
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility="visible"
dropstart=setInterval("dropin()",50)
}

function DiLinks(){
if (!w3&&!ie&&!ns) return;
crossobj=eval(doc + 'DiLinks' + sty);
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility="visible"
dropstart=setInterval("dropin()",50)
}

function DiWhoAreWe(){
if (!w3&&!ie&&!ns) return;
crossobj=eval(doc + 'DiWhoAreWe' + sty);
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.visibility="visible"
dropstart=setInterval("dropin()",50)
}

window.open = DiWelcome();

eggman

03-21-2003, 03:38 AM

One suggestion is to get or make a good Javascript object inspector. It can save a lot of debugging time with larger projects.

(Now my eyes hurt...)