Back To Programming / Scripting / Coding Forum

Installing an external javascript

  • oblongintellect
  • Novice
  • Novice
  • No Avatar
  • Joined: Mar 23, 2004
  • Posts: 28
  • Status: Offline

Post March 27th, 2004, 7:44 pm

I've got a script for a cell color transition I want to embed into my site could you tell me what I am doing wrong I keep getting script errors. This is the code I want to embed
Code: [ Select ]
function makearray(n) {
    this.length = n;
    for(var i = 1; i <= n; i++)
        this[i] = 0;
    return this;
}
function hex(i) {
    if (i < 0)     return "00";
    else if (i > 255) return "ff";
    else         return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function hexnumtodec(hexchar) {
    if (parseInt(hexchar) == hexchar) return Number(hexchar)
    hexchar = hexchar.toUpperCase()
    switch (hexchar) {
        case 'A': return 10; break;
        case 'B': return 11; break;
        case 'C': return 12; break;
        case 'D': return 13; break;
        case 'E': return 14; break;
        case 'F': return 15; break;
    }
}
function hextodec(daHex) {
    var daDec = Number((16 * hexnumtodec(daHex.substring(0,1))) + hexnumtodec(daHex.substring(1,2)))
    return daDec
}

function setColor(r,g,b) {
    var hr = hex(r); var hg = hex(g); var hb = hex(b);
    var daColor = "#"+hr+hg+hb
    daEl.style.backgroundColor = daColor
    if (daColor == colorend.toLowerCase()) {
        clearInterval(iId)
        iId = null
        timerRunning = false
    }
}

function fade() {
    i++
    setColor(
        Math.floor(sr * ((step-i)/step) + er * (i/step)),
        Math.floor(sg * ((step-i)/step) + eg * (i/step)),
        Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
    hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

var i
var iId = null
var sr, sg, sb
var er, eg, eb
var interval = 1
var step = 16
var colorstart
var colorend
var daEl
var timerRunning = false

function myfade(el,cs,ce,iv,st) {
    daEl = el
    colorstart = cs
    colorend = ce
    interval = iv
    step = st
    i = 0
    if (timerRunning) {
        clearInterval(iId)
        iId = null
    }
    var myRe = /#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/i
    if (colorstart.match(myRe)) {
        sr = hextodec(RegExp.$1)
        sg = hextodec(RegExp.$2)
        sb = hextodec(RegExp.$3)
    }
    if (colorend.match(myRe)) {
        er = hextodec(RegExp.$1)
        eg = hextodec(RegExp.$2)
        eb = hextodec(RegExp.$3)
    }
    timerRunning = false;
    iId = setInterval("fade()",interval)
    timerRunning = true;
}
function cellover(table_cell) {
    // play around with these values
    // element, from_color, to_color, interval(milliseconds), transition steps
    myfade(table_cell,'#B9D4E6','#eeeee0',20,32)
}
function cellout(table_cell) {
    if (timerRunning) {
        clearInterval(iId)
        iId = null
    }
    table_cell.style.backgroundColor = '#B9D4E6'
}
  1. function makearray(n) {
  2.     this.length = n;
  3.     for(var i = 1; i <= n; i++)
  4.         this[i] = 0;
  5.     return this;
  6. }
  7. function hex(i) {
  8.     if (i < 0)     return "00";
  9.     else if (i > 255) return "ff";
  10.     else         return "" + hexa[Math.floor(i/16)] + hexa[i%16];
  11. }
  12. function hexnumtodec(hexchar) {
  13.     if (parseInt(hexchar) == hexchar) return Number(hexchar)
  14.     hexchar = hexchar.toUpperCase()
  15.     switch (hexchar) {
  16.         case 'A': return 10; break;
  17.         case 'B': return 11; break;
  18.         case 'C': return 12; break;
  19.         case 'D': return 13; break;
  20.         case 'E': return 14; break;
  21.         case 'F': return 15; break;
  22.     }
  23. }
  24. function hextodec(daHex) {
  25.     var daDec = Number((16 * hexnumtodec(daHex.substring(0,1))) + hexnumtodec(daHex.substring(1,2)))
  26.     return daDec
  27. }
  29. function setColor(r,g,b) {
  30.     var hr = hex(r); var hg = hex(g); var hb = hex(b);
  31.     var daColor = "#"+hr+hg+hb
  32.     daEl.style.backgroundColor = daColor
  33.     if (daColor == colorend.toLowerCase()) {
  34.         clearInterval(iId)
  35.         iId = null
  36.         timerRunning = false
  37.     }
  38. }
  40. function fade() {
  41.     i++
  42.     setColor(
  43.         Math.floor(sr * ((step-i)/step) + er * (i/step)),
  44.         Math.floor(sg * ((step-i)/step) + eg * (i/step)),
  45.         Math.floor(sb * ((step-i)/step) + eb * (i/step)));
  46. }
  47. hexa = new makearray(16);
  48. for(var i = 0; i < 10; i++)
  49.     hexa[i] = i;
  50. hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
  51. hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
  53. var i
  54. var iId = null
  55. var sr, sg, sb
  56. var er, eg, eb
  57. var interval = 1
  58. var step = 16
  59. var colorstart
  60. var colorend
  61. var daEl
  62. var timerRunning = false
  64. function myfade(el,cs,ce,iv,st) {
  65.     daEl = el
  66.     colorstart = cs
  67.     colorend = ce
  68.     interval = iv
  69.     step = st
  70.     i = 0
  71.     if (timerRunning) {
  72.         clearInterval(iId)
  73.         iId = null
  74.     }
  75.     var myRe = /#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/i
  76.     if (colorstart.match(myRe)) {
  77.         sr = hextodec(RegExp.$1)
  78.         sg = hextodec(RegExp.$2)
  79.         sb = hextodec(RegExp.$3)
  80.     }
  81.     if (colorend.match(myRe)) {
  82.         er = hextodec(RegExp.$1)
  83.         eg = hextodec(RegExp.$2)
  84.         eb = hextodec(RegExp.$3)
  85.     }
  86.     timerRunning = false;
  87.     iId = setInterval("fade()",interval)
  88.     timerRunning = true;
  89. }
  90. function cellover(table_cell) {
  91.     // play around with these values
  92.     // element, from_color, to_color, interval(milliseconds), transition steps
  93.     myfade(table_cell,'#B9D4E6','#eeeee0',20,32)
  94. }
  95. function cellout(table_cell) {
  96.     if (timerRunning) {
  97.         clearInterval(iId)
  98.         iId = null
  99.     }
  100.     table_cell.style.backgroundColor = '#B9D4E6'
  101. }
It's name is table.js . I've been trying to embed it like this
Code: [ Select ]
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<link rel="stylesheet" type="text/css" href="../templates/test.css">

<script type="text/javascript" src="fader.js"></script>
<script type="text/javascript" src="jsfunctions.js"></script>
<script type="text/javascript" src="table.js"></script>
</head>
  1. <html>
  3. <head>
  4. <meta http-equiv="Content-Language" content="en-us">
  5. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  6. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
  7. <meta name="ProgId" content="FrontPage.Editor.Document">
  8. <link rel="stylesheet" type="text/css" href="../templates/test.css">
  10. <script type="text/javascript" src="fader.js"></script>
  11. <script type="text/javascript" src="jsfunctions.js"></script>
  12. <script type="text/javascript" src="table.js"></script>
  13. </head>
Could someone please tell me what I'm doing wrong?
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post March 27th, 2004, 7:44 pm

  • _Leo_
  • Proficient
  • Proficient
  • User avatar
  • Joined: Feb 17, 2004
  • Posts: 279
  • Loc: Buenos Aires, Argentina
  • Status: Offline

Post March 27th, 2004, 8:02 pm

Starting with the lines
Code: [ Select ]
var i
var iId = null
var sr, sg, sb
  1. var i
  2. var iId = null
  3. var sr, sg, sb

The mandatories semicolons are missing.
Code: [ Select ]
var i;
var iId = null;
var sr, sg, sb;
  1. var i;
  2. var iId = null;
  3. var sr, sg, sb;
  • oblongintellect
  • Novice
  • Novice
  • No Avatar
  • Joined: Mar 23, 2004
  • Posts: 28
  • Status: Offline

Post March 27th, 2004, 9:52 pm

I tried but still no workie. This is what I now have.

Code: [ Select ]
function makearray(n) {
    this.length = n;
    for(var i = 1; i <= n; i++)
        this[i] = 0;
    return this;
}
function hex(i) {
    if (i < 0)     return "00";
    else if (i > 255) return "ff";
    else         return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function hexnumtodec(hexchar) {
    if (parseInt(hexchar) == hexchar) return Number(hexchar)
    hexchar = hexchar.toUpperCase()
    switch (hexchar) {
        case 'A': return 10; break;
        case 'B': return 11; break;
        case 'C': return 12; break;
        case 'D': return 13; break;
        case 'E': return 14; break;
        case 'F': return 15; break;
    }
}
function hextodec(daHex) {
    var daDec = Number((16 * hexnumtodec(daHex.substring(0,1))) + hexnumtodec(daHex.substring(1,2)))
    return daDec
}

function setColor(r,g,b) {
    var hr = hex(r); var hg = hex(g); var hb = hex(b);
    var daColor = "#"+hr+hg+hb;
    daEl.style.backgroundColor = daColor;
    if (daColor == colorend.toLowerCase()) {
        clearInterval(iId)
        iId = null;
        timerRunning = false;
    }
}

function fade() {
    i++
    setColor(
        Math.floor(sr * ((step-i)/step) + er * (i/step)),
        Math.floor(sg * ((step-i)/step) + eg * (i/step)),
        Math.floor(sb * ((step-i)/step) + eb * (i/step)));
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
    hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

var i;
var iId = null;
var sr, sg, sb;
var er, eg, eb;
var interval = 1;
var step = 16;
var colorstart;
var colorend;
var daEl;
var timerRunning = false;

function myfade(el,cs,ce,iv,st) {
    daEl = el;
    colorstart = cs;
    colorend = ce;
    interval = iv;
    step = st;
    i = 0;
    if (timerRunning) {
        clearInterval(iId)
        iId = null;
    }
    var myRe = /#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/i;
    if (colorstart.match(myRe)) {
        sr = hextodec(RegExp.$1)
        sg = hextodec(RegExp.$2)
        sb = hextodec(RegExp.$3)
    }
    if (colorend.match(myRe)) {
        er = hextodec(RegExp.$1)
        eg = hextodec(RegExp.$2)
        eb = hextodec(RegExp.$3)
    }
    timerRunning = false;
    iId = setInterval("fade()",interval)
    timerRunning = true;
}
function cellover(table_cell) {
    // play around with these values
    // element, from_color, to_color, interval(milliseconds), transition steps
    myfade(table_cell,'#B9D4E6','#eeeee0',20,32)
}
function cellout(table_cell) {
    if (timerRunning) {
        clearInterval(iId)
        iId = null;
    }
    table_cell.style.backgroundColor = '#B9D4E6'
}
  1. function makearray(n) {
  2.     this.length = n;
  3.     for(var i = 1; i <= n; i++)
  4.         this[i] = 0;
  5.     return this;
  6. }
  7. function hex(i) {
  8.     if (i < 0)     return "00";
  9.     else if (i > 255) return "ff";
  10.     else         return "" + hexa[Math.floor(i/16)] + hexa[i%16];
  11. }
  12. function hexnumtodec(hexchar) {
  13.     if (parseInt(hexchar) == hexchar) return Number(hexchar)
  14.     hexchar = hexchar.toUpperCase()
  15.     switch (hexchar) {
  16.         case 'A': return 10; break;
  17.         case 'B': return 11; break;
  18.         case 'C': return 12; break;
  19.         case 'D': return 13; break;
  20.         case 'E': return 14; break;
  21.         case 'F': return 15; break;
  22.     }
  23. }
  24. function hextodec(daHex) {
  25.     var daDec = Number((16 * hexnumtodec(daHex.substring(0,1))) + hexnumtodec(daHex.substring(1,2)))
  26.     return daDec
  27. }
  29. function setColor(r,g,b) {
  30.     var hr = hex(r); var hg = hex(g); var hb = hex(b);
  31.     var daColor = "#"+hr+hg+hb;
  32.     daEl.style.backgroundColor = daColor;
  33.     if (daColor == colorend.toLowerCase()) {
  34.         clearInterval(iId)
  35.         iId = null;
  36.         timerRunning = false;
  37.     }
  38. }
  40. function fade() {
  41.     i++
  42.     setColor(
  43.         Math.floor(sr * ((step-i)/step) + er * (i/step)),
  44.         Math.floor(sg * ((step-i)/step) + eg * (i/step)),
  45.         Math.floor(sb * ((step-i)/step) + eb * (i/step)));
  46. }
  47. hexa = new makearray(16);
  48. for(var i = 0; i < 10; i++)
  49.     hexa[i] = i;
  50. hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
  51. hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
  53. var i;
  54. var iId = null;
  55. var sr, sg, sb;
  56. var er, eg, eb;
  57. var interval = 1;
  58. var step = 16;
  59. var colorstart;
  60. var colorend;
  61. var daEl;
  62. var timerRunning = false;
  64. function myfade(el,cs,ce,iv,st) {
  65.     daEl = el;
  66.     colorstart = cs;
  67.     colorend = ce;
  68.     interval = iv;
  69.     step = st;
  70.     i = 0;
  71.     if (timerRunning) {
  72.         clearInterval(iId)
  73.         iId = null;
  74.     }
  75.     var myRe = /#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})/i;
  76.     if (colorstart.match(myRe)) {
  77.         sr = hextodec(RegExp.$1)
  78.         sg = hextodec(RegExp.$2)
  79.         sb = hextodec(RegExp.$3)
  80.     }
  81.     if (colorend.match(myRe)) {
  82.         er = hextodec(RegExp.$1)
  83.         eg = hextodec(RegExp.$2)
  84.         eb = hextodec(RegExp.$3)
  85.     }
  86.     timerRunning = false;
  87.     iId = setInterval("fade()",interval)
  88.     timerRunning = true;
  89. }
  90. function cellover(table_cell) {
  91.     // play around with these values
  92.     // element, from_color, to_color, interval(milliseconds), transition steps
  93.     myfade(table_cell,'#B9D4E6','#eeeee0',20,32)
  94. }
  95. function cellout(table_cell) {
  96.     if (timerRunning) {
  97.         clearInterval(iId)
  98.         iId = null;
  99.     }
  100.     table_cell.style.backgroundColor = '#B9D4E6'
  101. }
Can you see anything else wrong?
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post March 27th, 2004, 11:06 pm

Let's see the page calling the scripts source, I just tried the above code, added cellover(this) and cellout(this) to a TD tag and It works like a charm.

EDIT: I just noticed that your using fader.js as well, I'd really like to know if you can get fader.js to work with this cell fader. I tinkered with trying to get fader and a cell fader to work together awhile ago with no success.
Strong with this one, the sudo is.
  • oblongintellect
  • Novice
  • Novice
  • No Avatar
  • Joined: Mar 23, 2004
  • Posts: 28
  • Status: Offline

Post March 28th, 2004, 11:04 am

I figured it out, Thanks for your help guys :D .
  • oblongintellect
  • Novice
  • Novice
  • No Avatar
  • Joined: Mar 23, 2004
  • Posts: 28
  • Status: Offline

Post March 28th, 2004, 3:02 pm

Here's an example of the finished product. The colors will be reworked. This is only a working example. I still want to try and incorporate Nunzio's cellfader script but I gotta go to work soon and I'm currently still getting script errors.

http://www.ghosthacker.org/test.html

Thanks again for all the help.

-OI
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post March 28th, 2004, 5:31 pm

:( I was hoping to see the link fade one way while the cell faded the other, all at the same time.
Strong with this one, the sudo is.
  • oblongintellect
  • Novice
  • Novice
  • No Avatar
  • Joined: Mar 23, 2004
  • Posts: 28
  • Status: Offline

Post March 28th, 2004, 8:40 pm

Well, I have the script for the cellfader but embedding it is where I'm having problems. I'll work on it some more whenever I get off work. I have some ideas so if I'm successful I'll post a link.

Page 1 of 1

Post Information

  • Total Posts in this topic: 8 posts
  • Users browsing this forum: No registered users and 180 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.