W3C home > Mailing lists > Public > www-dom@w3.org > April to June 2002

kit, the supercar

From: nerula <nerula@inwind.it>
Date: Sun, 30 Jun 2002 22:30:20 +0200
To: www-dom@w3.org
Message-Id: <20020630223020.6b2db835.nerula@inwind.it>

Hi ml,
i'm trying to do the same fx of the red front light of the supercar "kit"...yea the telefilm's one!
I want some words enlight and fade scrolling the peak of color forward and reverse.
This is the code (that dont works...)

##########################################################################################
<div id="menu0" align=center style="font-family: verdane, sans-serif; color: gray; font-size: 12px; background-color:#dddddd;">bl
uestar</div>
<div id="menu1" align=center style="font-family: verdane, sans-serif; color: gray; font-size: 12px;">home</div>
<div id="menu2" align=center style="font-family: verdane, sans-serif; color: gray; font-size: 12px;">about</div>
<div id="menu3" align=center style="font-family: verdane, sans-serif; color: gray; font-size: 12px;">charts</div>
<div id="menu4" align=center style="font-family: verdane, sans-serif; color: gray; font-size: 12px;">menu</div>
<div id="menu5" align=center style="font-family: verdane, sans-serif; color: gray; font-size: 12px;">menu</div>
<div id="menu6" align=center style="font-family: verdane, sans-serif; color: gray; font-size: 12px;">menu</div>
<script type="text/javascript">
var n, i, l
var temp=new Array
for (l=1; l<7; l++) {
 temp[l]=eval("document.getElementById('menu"+l+"').style")
}

function dehover(n){
alert(n)
 setTimeout("temp[n].setProperty('color', '#FF0000;', 'important')", 10)        //sequence of fadin colors
 setTimeout("temp[n].setProperty('color', '#EA1111;', 'important')", 15)
 setTimeout("temp[n].setProperty('color', '#E52222;', 'important')", 20)
 setTimeout("temp[n].setProperty('color', '#DA3333;', 'important')", 25)
 setTimeout("temp[n].setProperty('color', '#D54444;', 'important')", 30)
 setTimeout("temp[n].setProperty('color', '#CA5555;', 'important')", 35)
 setTimeout("temp[n].setProperty('color', '#C56666;', 'important')", 40)
 setTimeout("temp[n].setProperty('color', '#BA7777;', 'important')", 45)
 setTimeout("temp[n].setProperty('color', '#B58888;', 'important')", 50)
 setTimeout("temp[n].setProperty('color', '#AA8888;', 'important')", 55)
 setTimeout("temp[n].setProperty('color', '#A58888;', 'important')", 60)
 setTimeout("temp[n].setProperty('color', '#9A8888;', 'important')", 65)
 setTimeout("temp[n].setProperty('color', '#958888;', 'important')", 70)
 setTimeout("temp[n].setProperty('color', '#888888;', 'important')", 75)
}  
    
function go() {
 for (i=1; i<7; i++) {
  setTimeout("dehover(i)", 75*(i-1))    //speed of the movin color
 } 
// for (i=5; i>1; i--) {
//  setTimeout("dehover(i)", 75*(i-1))
// }
}
go()
 
</script>
###################################################################################

The error is: temp[n] has no properties

The alert results in six alerts all with the number 7 printed in. Mah...
Who could help me understanding why it doesnt work?
hopin not to be OT...
byebye

-- 
LINUX USER #250527
Received on Sunday, 30 June 2002 16:32:23 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 22 June 2012 06:13:56 GMT