Results 1 to 6 of 6

Thread: Problem with Trailer Script

  1. #1
    Join Date
    Sep 2004
    Location
    SC
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Problem with Trailer Script

    i loved this Trailer Script when i seen it but when i added it to my site...the cursor no longer would work on any link or button...i didnt want to save this to my site and then find that i cant edit my pages later...permission to use this script was given, on the website where i found it...

    so my question is...is the script causing this to happen or will the cursor fully work after its completely saved to my site...and if the script is wrong...how can i fix it ? the script will be posted below...

    thank you
    angelica



    <script>
    /*
    Cross browser cursor trailer script
    By Brian Caputo (bcaputo@icdc.com)
    Permission given to Dynamicdrive.com
    to feature the script in it's DHTML archive
    For 100's more DHTML scripts and components,
    visit Dynamicdrive.com
    */

    B=document.all;
    C=document.layers;
    T1=new Array("../images/clemata6.gif",49,43,"../images/clemata5.gif",43,39,"../images/clemata4.gif",32,37,"../images/clemata3.gif",28,31,"../images/clemata2.gif",25,22,"../images/clemata1.gif",18,17)
    nos=parseInt(T1.length/3)
    rate=50
    ie5fix1=0;
    ie5fix2=0;
    for (i=0;i<nos;i++){
    createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
    function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
    with (document){
    write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
    if(St){
    if (C)
    write(" style='");
    write(St+";' ")
    }
    else write((B)?"'":"");
    write((At)? At+">" : ">");
    write((HT) ? HT : "");
    if (!Op)
    closeContainer(N)
    }
    }
    function closeContainer(){
    document.write((B)?"</div>":"</layer>")
    }
    function getXpos(N){
    return (B) ? parseInt(B[N].style.left) : C[N].left
    }
    function getYpos(N){
    return (B) ? parseInt(B[N].style.top) : C[N].top
    }

    function moveContainer(N,DX,DY){
    c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
    }
    function cycle(){
    //if (IE5)
    if (document.all&&window.print){
    ie5fix1=document.body.scrollLeft;
    ie5fix2=document.body.scrollTop;
    }
    for (i=0;i<(nos-1);i++){
    moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
    }
    }
    function newPos(e){
    moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
    )
    }
    if(document.layers)
    document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove=newPos
    setInterval("cycle()",rate)
    </script>

  2. #2
    Join Date
    Sep 2004
    Location
    Indonesia
    Posts
    69
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Well, clearly some lines are missing..
    This is the right code, copy/paste it to Your site
    Code:
    <script>
    
    /******************************************
    * Cross browser cursor trailer script- By Brian Caputo (bcaputo@icdc.com)
    * Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code
    * Modified Dec 31st, 02' by DD. This notice must stay intact for use
    ******************************************/
    
    A=document.getElementById
    B=document.all;
    C=document.layers;
    T1=new Array("../images/clemata6.gif",49,43,"../images/clemata5.gif",43,39,"../images/clemata4.gif",32,37,"../images/clemata3.gif",28,31,"../images/clemata2.gif",25,22,"../images/clemata1.gif",18,17)
    
    var offsetx=15 //x offset of trail from mouse pointer
    var offsety=10 //y offset of trail from mouse pointer
    
    nos=parseInt(T1.length/3)
    rate=50
    ie5fix1=0;
    ie5fix2=0;
    rightedge=B? document.body.clientWidth-T1[1] : window.innerWidth-T1[1]-20
    bottomedge=B? document.body.scrollTop+document.body.clientHeight-T1[2] : window.pageYOffset+window.innerHeight-T1[2]
    
    for (i=0;i<nos;i++){
    createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")
    }
    
    function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
    with (document){
    write((!A && !B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
    if(St){
    if (C)
    write(" style='");
    write(St+";' ")
    }
    else write((A || B)?"'":"");
    write((At)? At+">" : ">");
    write((HT) ? HT : "");
    if (!Op)
    closeContainer(N)
    }
    }
    
    function closeContainer(){
    document.write((A || B)?"</div>":"</layer>")
    }
    
    function getXpos(N){
    if (A)
    return parseInt(document.getElementById(N).style.left)
    else if (B)
    return parseInt(B[N].style.left)
    else
    return C[N].left
    }
    
    function getYpos(N){
    if (A)
    return parseInt(document.getElementById(N).style.top)
    else if (B)
    return parseInt(B[N].style.top)
    else
    return C[N].top
    }
    
    function moveContainer(N,DX,DY){
    c=(A)? document.getElementById(N).style : (B)? B[N].style : (C)? C[N] : "";
    if (!B){
    rightedge=window.innerWidth-T1[1]-20
    bottomedge=window.pageYOffset+window.innerHeight-T1[2]
    }
    c.left=Math.min(rightedge, DX+offsetx);
    c.top=Math.min(bottomedge, DY+offsety);
    }
    function cycle(){
    //if (IE5)
    if (document.all&&window.print){
    ie5fix1=document.body.scrollLeft;
    ie5fix2=document.body.scrollTop;
    }
    for (i=0;i<(nos-1);i++){
    moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
    }
    }
    
    function newPos(e){
    moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2)
    }
    
    function getedgesIE(){
    rightedge=document.body.clientWidth-T1[1]
    bottomedge=document.body.scrollHeight-T1[2]
    }
    
    if (B){
    window.onload=getedgesIE
    window.onresize=getedgesIE
    }
    
    if(document.layers)
    document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove=newPos
    setInterval("cycle()",rate)
    </script>

  3. #3
    Join Date
    Sep 2004
    Location
    SC
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile

    Thank you, thank you, Thank you so much !!!

    angelica

  4. #4
    Join Date
    Sep 2004
    Location
    Indonesia
    Posts
    69
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You're welcome

  5. #5
    Join Date
    Sep 2004
    Location
    SC
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Brew & Bubble...man this one is just to much trouble *lol*

    i hate to do this ....but i finally got the time to sit down and add the script to my pages, ...now it doesnt work at all...i even changing the headings back to the way they were thinking it might had been the copyrite or something but it wasnt...i emailed "Joyce" the person that wrote this and basically she told me i was on my own b/c it worked just fine on her site *lol* so...i have no clue what to do with it...and im beginning to wonder if its really worth the trouble...

    Does anyone know where maybe i could find a simlar script? ...the only difference with this one and all the others was the images overlapped on one another and spread out when they trailed...instead of just 6 images following the cursor around on the page...any suggestions would be greatly appericated !

    thank you
    angelica

  6. #6
    Join Date
    Apr 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hello,
    The script above works under Firefox, but not under IE6 !!
    Message IE:
    Object required on line:
    rightedge=B? document.body.clientWidth-T1[1] : window.innerWidth-T1[1]-20

    Any idea ??
    Many thanks for your help.

Bookmarks

Posting Permissions

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