|
|
|
|
Bonjour,
J'essai de faire un petit script qui effectue un fade de couleur sur le fond d'un div lors du passage de la souris.
Voici mon code:
var mestds=document.getElementsByTagName('td');
val= 0;
function degrade(val,zis)
{
if(zis==null){zis=this}
newVal = val + 1;
if(newVal <= 255)
{
zis.style.backgroundColor="rgb(200,200,"+newVal+")"
var timer = setInterval('degrade(newVal,zis);', 40);
}
else
{
clearInterval(timer);
newVal = 500;
}
}
for(i=0; i<mestds.length ; i++)
{
mestds[i].onmouseover=degrade(val,zis)
}
function fade_color()
{
this.style.backgroundColor='rgb(200,200,30)'
}
for(i=0; i<mestds.length ; i++)
{
mestds[i].onmouseover=fade_color
}
Configuration: Windows Vista Firefox 3.0.5
Deuxieme petit probleme du même type, j'ai essayé de faire le même programme mais sans utiliser le this, alors ça donne ça:
function lance()
{
val=255
test()
}
function test()
{
var timer = setInterval("if(val >=0) { div1.style.backgroundColor='rgb(255,255,'+val+')'; val-=1; }else{ clearInterval(timer);} div1.innerHTML=val; ", 1);
}
div1.onmouseover=lance
Quand mon curseur passe sur la div1, le fade se fait bien, mais lorceque je repasse une deuxieme fois le curseur sur le div1, le fade se fait mais deux fois plus rapidement que la premiere fois, idem pr la troisième fois, etc.. Je pense que c'est un probleme avec le cleearInterval(), ai-je raison? que dois-je faire pour réparer ce probleme? |
Calendrier javascript Comment activer javascript Javascript alert Javascript boolean Javascript function this Javascript href this Javascript ie this Javascript if Javascript setinterval Javascript split Javascript this.src function Object javascript alert(this Onclick javascript this class This is it streaming This.object id javascript Trim javascript Variable globale javascript Window.open javascript
