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 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Jun 2003
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Cany anyone help me??

    Can anyone help me on this 2 javascript?? i cant get them work. i put them together in 1 page then they just cant work. dunno y :-(.
    Would very appreciate if someone could help me to get them work n point out what's the problem. thanx a lot

    1. Mouse Trail Clock:
    <BODY>



    <!-- This script and many more are available free online at -->

    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- Original: Amy Cook (ncgoddess@msn.com ) -->

    <!-- Web Site: http://ncgoddess.com/script.html -->

    <script language="JavaScript">

    dCol='000000';//date colour.

    fCol='000000';//face colour.

    sCol='000000';//seconds colour.

    mCol='000000';//minutes colour.

    hCol='000000';//hours colour.

    ClockHeight=40;

    ClockWidth=40;

    ClockFromMouseY=0;

    ClockFromMouseX=100;



    //Alter nothing below! Alignments will be lost!



    d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");

    m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEM BER","DECEMBER");

    date=new Date();

    day=date.getDate();

    year=date.getYear();

    if (year < 2000) year=year+1900;

    TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;

    D=TodaysDate.split('');

    H='...';

    H=H.split('');

    M='....';

    M=M.split('');

    S='.....';

    S=S.split('');

    Face='1 2 3 4 5 6 7 8 9 10 11 12';

    font='Arial';

    size=1;

    speed=0.6;

    ns=(document.layers);

    ie=(document.all);

    Face=Face.split(' ');

    n=Face.length;

    a=size*10;

    ymouse=0;

    xmouse=0;

    scrll=0;

    props="<font face="+font+" size="+size+" color="+fCol+"><B>";

    props2="<font face="+font+" size="+size+" color="+dCol+"><B>";

    Split=360/n;

    Dsplit=360/D.length;

    HandHeight=ClockHeight/4.5

    HandWidth=ClockWidth/4.5

    HandY=-7;

    HandX=-2.5;

    scrll=0;

    step=0.06;

    currStep=0;

    y=new Array();x=new Array();Y=new Array();X=new Array();

    for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}

    Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

    for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

    if (ns){

    for (i=0; i < D.length; i++)

    document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');

    for (i=0; i < n; i++)

    document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');

    for (i=0; i < S.length; i++)

    document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');

    for (i=0; i < M.length; i++)

    document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');

    for (i=0; i < H.length; i++)

    document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');

    }

    if (ie){

    document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < D.length; i++)

    document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');

    document.write('</div></div>');

    document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < n; i++)

    document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');

    document.write('</div></div>');

    document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < H.length; i++)

    document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');

    document.write('</div></div>');

    document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < M.length; i++)

    document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');

    document.write('</div></div>')

    document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < S.length; i++)

    document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');

    document.write('</div></div>')

    }

    (ns)?window.captureEvents(Event.MOUSEMOVE):0;

    function Mouse(evnt){

    ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;

    xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;

    }

    (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

    function ClockAndAssign(){

    time = new Date ();

    secs = time.getSeconds();

    sec = -1.57 + Math.PI * secs/30;

    mins = time.getMinutes();

    min = -1.57 + Math.PI * mins/30;

    hr = time.getHours();

    hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

    if (ie){

    Od.style.top=window.document.body.scrollTop;

    Of.style.top=window.document.body.scrollTop;

    Oh.style.top=window.document.body.scrollTop;

    Om.style.top=window.document.body.scrollTop;

    Os.style.top=window.document.body.scrollTop;

    }

    for (i=0; i < n; i++){

    var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;

    F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

    F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);

    }

    for (i=0; i < H.length; i++){

    var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;

    HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

    HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

    }

    for (i=0; i < M.length; i++){

    var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;

    ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

    ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

    }

    for (i=0; i < S.length; i++){

    var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;

    SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

    SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

    }

    for (i=0; i < D.length; i++){

    var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;

    DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

    DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);

    }

    currStep-=step;

    }

    function Delay(){

    scrll=(ns)?window.pageYOffset:0;

    Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);

    Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

    for (i=1; i < D.length; i++){

    Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

    Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);

    }

    y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

    x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

    for (i=1; i < n; i++){

    y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

    x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

    }

    ClockAndAssign();

    setTimeout('Delay()',20);

    }

    if (ns||ie)window.onload=Delay;

    </script>

    2. Vertical Scroller:
    <script language="javascript">

    //Vertical Scroller v1.2- by Brian of www.ScriptAsylum.com
    //Updated for bug fixes
    //Visit JavaScript Kit (http://javascriptkit.com) for script

    //ENTER CONTENT TO SCROLL BELOW.
    var content='<p>Visit <a href="http://www.javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials and over 400 <font color="#FF0000">free</font> scripts</p><p><a href="http://freewarejava.com">Freewarejava.com</a>- direct links to Java applets and resources</p><p>Stay up to date on current news and events. Visit <a href="http://www.msnbc.com">MSNBC.com</a></p><p><a href="http://www.dynamicdrive.com">Dynamic Drive</a> is your definitive source for DHTML scripts and components.</p>';

    var boxheight=150; // BACKGROUND BOX HEIGHT IN PIXELS.
    var boxwidth=150; // BACKGROUND BOX WIDTH IN PIXELS.
    var boxcolor="#FFF6e9"; // BACKGROUND BOX COLOR.
    var speed=50; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
    var pixelstep=2; // 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>

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    17,919
    Thanks
    203
    Thanked 2,531 Times in 2,509 Posts
    Your problem is that both scripts contain a window.onload statement.

    This is a very common problem for beginners. You should have a look at

    http://www.javascriptkit.com/javatut...iplejava.shtml

    for an explanation of how to overcome this.


    Here's my suggestion:-

    In the first script change this:-

    setTimeout('Delay()',20);
    }
    if (ns||ie)window.onload=Delay;

    to

    function makedelay() {
    if (ns||ie) {setTimeout('Delay()',20)}
    }

    In the second script change this:-

    window.onload=function(){

    to

    function(){

    then adjust your <BODY> tag to

    <BODY onload = "makedelay; function">

    This ought to fix it.
    Last edited by Philip M; 06-13-2003 at 07:03 PM.

  • #3
    Supreme Overlord Spookster's Avatar
    Join Date
    May 2002
    Location
    Marion, IA USA
    Posts
    6,278
    Thanks
    4
    Thanked 83 Times in 82 Posts
    bebear,

    When you enter the forums, if you see a thread at the top with a title starting with MUST READ or similar then you do need to read it. Here is that MUST READ thread:

    MUST READ- How to post a JavaScript question!
    Spookster
    CodingForums Supreme Overlord
    All Hail Spookster

  • #4
    New to the CF scene
    Join Date
    Jun 2003
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanx u Philip for helping me but the prob still there. i follow what u told me but the script still cant be run. It show an error at line 8. Could u check for me what's is the problem?? thanx a lot.

    the script is below:
    <body onload = "makedelay(); function()">

    <script language="JavaScript">

    dCol='000000';//date colour.

    fCol='000000';//face colour.

    sCol='000000';//seconds colour.

    mCol='000000';//minutes colour.

    hCol='000000';//hours colour.

    ClockHeight=40;

    ClockWidth=40;

    ClockFromMouseY=0;

    ClockFromMouseX=100;



    //Alter nothing below! Alignments will be lost!



    d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");

    m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEM BER","DECEMBER");

    date=new Date();

    day=date.getDate();

    year=date.getYear();

    if (year < 2000) year=year+1900;

    TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;

    D=TodaysDate.split('');

    H='...';

    H=H.split('');

    M='....';

    M=M.split('');

    S='.....';

    S=S.split('');

    Face='1 2 3 4 5 6 7 8 9 10 11 12';

    font='Arial';

    size=1;

    speed=0.6;

    ns=(document.layers);

    ie=(document.all);

    Face=Face.split(' ');

    n=Face.length;

    a=size*10;

    ymouse=0;

    xmouse=0;

    scrll=0;

    props="<font face="+font+" size="+size+" color="+fCol+"><B>";

    props2="<font face="+font+" size="+size+" color="+dCol+"><B>";

    Split=360/n;

    Dsplit=360/D.length;

    HandHeight=ClockHeight/4.5

    HandWidth=ClockWidth/4.5

    HandY=-7;

    HandX=-2.5;

    scrll=0;

    step=0.06;

    currStep=0;

    y=new Array();x=new Array();Y=new Array();X=new Array();

    for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}

    Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();

    for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}

    if (ns){

    for (i=0; i < D.length; i++)

    document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');

    for (i=0; i < n; i++)

    document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');

    for (i=0; i < S.length; i++)

    document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');

    for (i=0; i < M.length; i++)

    document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');

    for (i=0; i < H.length; i++)

    document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');

    }

    if (ie){

    document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < D.length; i++)

    document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');

    document.write('</div></div>');

    document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < n; i++)

    document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');

    document.write('</div></div>');

    document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < H.length; i++)

    document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');

    document.write('</div></div>');

    document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < M.length; i++)

    document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');

    document.write('</div></div>')

    document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

    for (i=0; i < S.length; i++)

    document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');

    document.write('</div></div>')

    }

    (ns)?window.captureEvents(Event.MOUSEMOVE):0;

    function Mouse(evnt){

    ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;

    xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;

    }

    (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

    function ClockAndAssign(){

    time = new Date ();

    secs = time.getSeconds();

    sec = -1.57 + Math.PI * secs/30;

    mins = time.getMinutes();

    min = -1.57 + Math.PI * mins/30;

    hr = time.getHours();

    hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;

    if (ie){

    Od.style.top=window.document.body.scrollTop;

    Of.style.top=window.document.body.scrollTop;

    Oh.style.top=window.document.body.scrollTop;

    Om.style.top=window.document.body.scrollTop;

    Os.style.top=window.document.body.scrollTop;

    }

    for (i=0; i < n; i++){

    var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;

    F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;

    F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);

    }

    for (i=0; i < H.length; i++){

    var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;

    HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;

    HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);

    }

    for (i=0; i < M.length; i++){

    var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;

    ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;

    ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);

    }

    for (i=0; i < S.length; i++){

    var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;

    SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;

    SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);

    }

    for (i=0; i < D.length; i++){

    var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;

    DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;

    DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);

    }

    currStep-=step;

    }

    function Delay(){

    scrll=(ns)?window.pageYOffset:0;

    Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);

    Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);

    for (i=1; i < D.length; i++){

    Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);

    Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);

    }

    y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);

    x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);

    for (i=1; i < n; i++){

    y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);

    x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

    }

    ClockAndAssign();
    }
    function makedelay() {
    if (ns||ie) {setTimeout('Delay()',20)}
    }

    </script>

    <script language="javascript">

    //ENTER CONTENT TO SCROLL BELOW.
    var content='<p>Visit <a href="http://www.javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials and over 400 <font color="#FF0000">free</font> scripts</p><p><a href="http://freewarejava.com">Freewarejava.com</a>- direct links to Java applets and resources</p><p>Stay up to date on current news and events. Visit <a href="http://www.msnbc.com">MSNBC.com</a></p><p><a href="http://www.dynamicdrive.com">Dynamic Drive</a> is your definitive source for DHTML scripts and components.</p>';

    var boxheight=150; // BACKGROUND BOX HEIGHT IN PIXELS.
    var boxwidth=180; // BACKGROUND BOX WIDTH IN PIXELS.
    var boxcolor="#FFF6e9"; // BACKGROUND BOX COLOR.
    var speed=50; // SPEED OF SCROLL IN MILLISECONDS (1 SECOND=1000 MILLISECONDS)..
    var pixelstep=2; // 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';
    }}

    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>

  • #5
    Supreme Overlord Spookster's Avatar
    Join Date
    May 2002
    Location
    Marion, IA USA
    Posts
    6,278
    Thanks
    4
    Thanked 83 Times in 82 Posts
    bebear,

    Did you even read my last post? YOU NEED TO READ THIS MUST READ THREAD:

    MUST READ- How to post a JavaScript question!
    Spookster
    CodingForums Supreme Overlord
    All Hail Spookster

  • #6
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    11,042
    Thanks
    0
    Thanked 250 Times in 246 Posts

    pls follow the moderator

    name the function...

    change this line:

    function (){
    outer=(ns4)?document.layers['outer']

    to:

    function doLoad(){
    outer=(ns4)?document.layers['outer']


    or to any other name you want.

    then change the body onload to:

    <body onload = "makedelay(); doLoad()">

    if the 2 scripts still won't run, check for variable conflicts.

  • #7
    New to the CF scene
    Join Date
    Jun 2003
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    dear moderator,

    i had read the "must read" page on the 15/6, when the first time u informed me to read.

  • #8
    New to the CF scene
    Join Date
    Jun 2003
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool

    thanx glenn.

    actually, i find out y the script cant work. Now it already good to run.

    however, thanx for ur kind help ;-)

    moderator: it's weired if u say i never view the must read thread. do i need to do smth or answer some question to show that i had read the thread??

  • #9
    WA
    WA is offline
    Administrator
    Join Date
    Mar 2002
    Posts
    2,596
    Thanks
    2
    Thanked 19 Times in 18 Posts
    As the issue has been resolved, I'm closing this thread. FYI the moderators were concerned with how you used a non-descriptive subject for your post, and also, that you posted the entire copy of two long scripts onto the page, making it overwhelming for other members to read through. It's best to try and narrow down the problem first and only post the problematic portion, though I can see how that could be difficult if you have no JavaScript experience.

    Anyhow, closing thread.
    - George
    - JavaScript Kit- JavaScript tutorials and 400+ scripts!
    - JavaScript Reference- JavaScript reference you can relate to.


  •  

    Posting Permissions

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