Discussion :

[tomy4ever]

Hello,

j'aimerais savoir si quelqu'un sait comment changer la couleur de background d'un element qui doit se faire au mouse over; quelques lignes de code seront plus parlante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script language="javascript">
function changeElement(id, color){
   document.getElementById(id).style.backgroundColor = color;
}
 
function changeElementOver(id, color){
   document.getElementById(id).onmouseout = "document.getElementById('"+id+"').style.backgroundColor="+document.getElementById(id).style.backgroundColor;
   document.getElementById(id).onmouseover = "document.getElementById('"+id+"').style.backgroundColor="+color;
}
</script>
 
<div id='test'>
blabla
</div>
 
<form name='t'>
change bg : <input type='text' name='tt' value="831a2b" onblur="changeElement('test', this.value)" />
change bg over : <input type='text' name='tt2' value="bb818b" onblur="changeElementOver('test', this.value)" />
</form>

donc ça c'est comme moi je l'écrirais, mais ça ne fonctionne pas; donc si j 'essaie de me ré-exprimer, l'utilisateur doit pouvoir taper une couleur de background, et cette couleur doit être affectée à l'élément correspondant. ça ya pas de problème. Mais maintenant le problème c'est pour changer le over (ce serait le Hover en css); ça ça ne marche pas et je ne vois pas du tout comment faire.
pour ceux qui n'aurait pas encore compris (il est tard ^_^) cette petite appli doit juste permettre à quelqu'un de changer la couleur de fond d'un élément ainsi que la couleur de fond lorsque la souris passe dessus. comme l'utilisateur ne veut pas recharger la page pour chaque couleur qu'il veut tester, je dois utiliser javascript, à mois que quelqu'un aie autre chose à proposer

merci,

Thomas.

[tomy4ever]

c'est bon j'ai trouvé; j'ai utilisé le code javascript suivant, pour ceux que ça interesse:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function changeElement(id, color){
		var elem = document.getElementById(id);
		elem.cacheColor = color;
		elem.style.backgroundColor = color;
		elem.style.color = "white";
	}
 
	function changeElementOver(id, color){
		var elem = document.getElementById(id);
		elem.onmouseout = function(){
			elem.style.backgroundColor = elem.cacheColor;
			elem.style.color = "white";
		};
		elem.onmouseover = function(){
			elem.style.backgroundColor = color;
			elem.style.color = elem.cacheColor;
		};
	}