Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Nov 2002
    Location
    Atlanta, Ga.
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Need Help: Running Multiple Javascripts Correctly

    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/javatut...iplejava.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


    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)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>



    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>
    Last edited by Crevice9; 11-11-2002 at 10:40 AM.

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Posts
    3,467
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This should do it
    Code:
    <!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>
    My Site | fValidate | My Brainbench | MSDN | Gecko | xBrowser DOM | PHP | Ars | PVP
    “Minds are like parachutes. They don't work unless they are open”
    “Maturity is simply knowing when to not be immature”

  • #3
    New Coder
    Join Date
    Nov 2002
    Location
    Atlanta, Ga.
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Senior Coder
    Join Date
    Aug 2002
    Posts
    3,467
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oop! There's a typo of sorts in my last post
    Code:
    <script language="JavaScript"> 
    <!-- 
    window.status="Loading... ACC"; 
    
    function clear_status_message() { 
    	window.status = ''; 
    	return true; 
    	} 
    
    function resize() {
    	window.resizeTo(screen.width, screen.height)
    	}
    //--> 
    </script>
    My Site | fValidate | My Brainbench | MSDN | Gecko | xBrowser DOM | PHP | Ars | PVP
    “Minds are like parachutes. They don't work unless they are open”
    “Maturity is simply knowing when to not be immature”

  • #5
    New Coder
    Join Date
    Nov 2002
    Location
    Atlanta, Ga.
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry beetle same results...

    Crevice9


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •