Discussion :

[Baka59]

Bonjour,
j'ai une div global qui contient 5 petites div,et je veux qu'au passage de mon pointeur sur les div 1 2 3 et 4, ma div numéro 5 change selon la div pointée.
Je sais utiliser les evenements onmouseover et onmouseout,mais son t-il utilisable pour ce cas là?
Merçi bien

[Cornholio]

Bonjour,

Je sais utiliser les evenements onmouseover et onmouseout,mais son t-il utilisable pour ce cas là?
Merçi bien

Tout à fait.

Voici un exemple :

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
20
21
22
23
24
25
26
 
<script>
	function valoriserDiv5(param){
		document.getElementById("Div5").innerHTML = '<img src="http://www.developpez.net/forums/images/rating/rating_' + param.innerHTML + '.gif" >';
	}
</script>
 
<div id="Div1" onmouseover="valoriserDiv5(this);">
1
</div>
 
<div id="Div2" onmouseover="valoriserDiv5(this);">
2
</div>
 
<div id="Div3" onmouseover="valoriserDiv5(this);">
3
</div>
 
<div id="Div4" onmouseover="valoriserDiv5(this);">
4
</div>
 
<div id="Div5">
 
</div>

A plus

[Baka59]

ok je vais essayer,mais la l'exemple est avec une même image(une étoile),peut-on mettre une image différentes en fonction de la div pointée?
merçi

[Cornholio]

Mon exemple n'est pas avec une même image, pour chaque div je vais chercher une autre image :

-l'image qui s'affiche s'appelle rating_1.gif quand je passe sur la div1.
-l'image qui s'affiche s'appelle rating_2.gif quand je passe sur la div2.
etc...

donc oui c'est possible avec des images différentes

[Kerod]

Et aussi tu peux ne charger que la source de l'image

Code :

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

document.getElementById('id_ton_image').src = 'url';

Sais-tu qu'il existe déjà des scripts qui font ce genre de chose ?