...

View Full Version : Need Help: Running Multiple Javascripts Correctly



Crevice9
11-11-2002, 10:38 AM
I'm kinda new to JavaScript and I'm designing a site with Dreamweaver MX and can't seem to get these two scripts to run together. I saw the link joh6ann sent me at http://www.javascriptkit.com/javatutors/multiplejava.shtml and it looks very useful but I still can't do it... just call me stupid but like I said I'm new to manipulating JavaScripts. The top script is a working script and I want to add the bottom one; what should it look like after the second one has been added? Please help. Thanks folks!

Crevice9 :D


Working Script


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>ACC - Home</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY text=#f4f4f4 bgColor=#888888>
<DIV align=center>
<P><IMG height=150 src="ACC_files/ACC%20Header.gif" width=683 align=middle></P>
<P>&nbsp;</P>
<P>Sunday 8:30 and 11:00 a.m.<BR>
Wednesday 6:30</P>
<P><IMG src="ACC_files/Rick%20&%20Susie.gif" width=297 height=213
align=middle><BR>
Rick and Susie Snow<br>
</P>
<br>
<script language="javascript">

//ENTER CONTENT TO SCROLL BELOW.
var content='<p>Thanks for visiting the ACC website!</p>Stay up to date on the latest news and events</p>at ACC right here online...</p>';

var boxheight=60; // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=450; // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#888888"; // BACKGROUND BOX COLOR.
var speed=100; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=1; // PIXELS "STEPS" PER REPITITION.
var godown=false; // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE

// DO NOT EDIT BEYOND THIS POINT

var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);

function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight);
}

function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}

function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}

function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

window.onload=function(){
outer=(ns4)?document.layers['outer']:(ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']:(ie4)?document.all['inner']:document.getElementById('inner');
ref=(ns4)?document.layers['ref']:(ie4)?document.all['ref']:document.getElementById('ref');
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>
</DIV>
</BODY></HTML>



Second Script


<head>

<script language="JavaScript">
<!--
window.status="Loading... ACC";

function clear_status_message()
{
window.status = '';
return true;
}
//-->
</script>

</head>

<script>
var width = screen.width
var height = screen.height

document.write( "<BODY onLoad='clear_status_message()' onUnload='window.resizeTo(" + width + "," + height + ")'>")
</script>

beetle
11-11-2002, 02:56 PM
This should do it
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>ACC - Home</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR>

<script language="JavaScript">
<!--
window.status="Loading... ACC";

function clear_status_message() {
window.status = '';
return true;
}

function {
window.resizeTo(screen.width, screen.height)
}
//-->
</script>

</HEAD>
<BODY text=#f4f4f4 bgColor=#888888 onLoad="clear_status_message()" onUnload="resize()">
<DIV align=center>
<P><IMG height=150 src="ACC_files/ACC%20Header.gif" width=683 align=middle></P>
<P> </P>
<P>Sunday 8:30 and 11:00 a.m.<BR>
Wednesday 6:30</P>
<P><IMG src="ACC_files/Rick%20&%20Susie.gif" width=297 height=213
align=middle><BR>
Rick and Susie Snow<br>
</P>
<br>
<script language="javascript">

//ENTER CONTENT TO SCROLL BELOW.
var content='<p>Thanks for visiting the ACC website!</p>Stay up to date on the latest news and events</p>at ACC right here online...</p>';

var boxheight=60; // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=450; // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#888888"; // BACKGROUND BOX COLOR.
var speed=100; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
var pixelstep=1; // PIXELS "STEPS" PER REPITITION.
var godown=false; // TOP TO BOTTOM=TRUE , BOTTOM TO TOP=FALSE

// DO NOT EDIT BEYOND THIS POINT

var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=0 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);

function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height)arseInt(el.offsetHeight);
}

function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}

function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}

function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}

window.onload=function(){
outer=(ns4)?document.layers['outer']ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']ie4)?document.all['inner']:document.getElementById('inner');
ref=(ns4)?document.layers['ref']ie4)?document.all['ref']:document.getElementById('ref');
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>
</DIV>
</BODY></HTML>

Crevice9
11-11-2002, 11:03 PM
Thanks for the try beetle but it didn't work... errrr I'm so frustrated! Just to let you know it canceled out the script that was working and it looked like the second one was working (it's so hard to tell because it runs so fast... it's a status bar preloader) but it did give the error (yield) symbol in the bottom left of the status bar... any body else? PLEASE I saw its already had 30+ views in less than 12 hours... someone must know... hmmm.... thanks beetle, give it another shoot if ya want cause I'm lost... later...

Crevice9
:rolleyes: :confused:

beetle
11-11-2002, 11:06 PM
oop! There's a typo of sorts in my last post :rolleyes:
<script language="JavaScript">
<!--
window.status="Loading... ACC";

function clear_status_message() {
window.status = '';
return true;
}

function resize() {
window.resizeTo(screen.width, screen.height)
}
//-->
</script>

Crevice9
11-11-2002, 11:21 PM
Sorry beetle same results...

Crevice9



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum