Changer l'événement onmouseover

**Kosti** · 29/08/2007, 15h08

Hello,
J'aimerai pouvoir changer en javascript une image ainsi que son événement onmouseover. J'ai essayé ça :

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
<html>
<head>
<script>
  function ChangeImg()
  {
    window.document.getElementById('test').src="test2.jpg";
    window.document.getElementById('test').onmouseover="window.document.getElementById('test').src='test2-over.jpg'";
    window.document.getElementById('test').onmouseout="window.document.getElementById('test').src='test2.jpg'";
  }
</script>
</head>
<body>
<img id="test" src="test1.jpg" onmouseover="window.document.getElementById('test').src='test1-over.jpg'" onmouseout="window.document.getElementById('test').src='test1.jpg'" />
<br />
<button onclick="ChangeImg()">TEST</button>
</body>
</html>

ça ne fonctionne pas : Après avoir presser sur le bouton TEST, l'évémenent onmouseover ne répond plus (rien ne se passe si je mets ma souris sur l'image).
Qq'un aurait une idée pour résoudre mon problème ?
Merci

**jypees** · 29/08/2007, 16h19

Voila mosieur :

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
 
<html>
	<head>
	<script>
		function ChangeImg()
		{
			pointer = document.getElementById('test');
			pointer.src = 'http://www.developpez.net/forums/images/smilies/yaisse2.gif';
			pointer.onmouseover = function ()
			{
				this.src = 'http://www.developpez.net/forums/images/smilies/yaisse3.gif';
			}
			pointer.onmouseout = function () 
			{
				this.src = 'http://www.developpez.net/forums/images/smilies/yaisse2.gif';
			}
		}
	</script>
	</head>
	<body>
		<img id="test" src="http://www.developpez.net/forums/images/smilies/icon_mrgreen.gif" onmouseover="this.src='http://www.developpez.net/forums/images/smilies/toine.gif'" onmouseout="this.src='http://www.developpez.net/forums/images/smilies/icon_mrgreen.gif'" />
		<br />
		<button onclick="ChangeImg()">TEST</button>
	</body>
</html>

Par contre désolé pour les liens a la ralonge mais c'était pour qu'on puisse avoir des images

Dis moi ce que tu en penses et si jamais ca te convient oublis pas le résolu

**Kosti** · 29/08/2007, 16h31

EXCELLENT Merci beaucoup.
C'était exactement ce que je voulais.... j'avais pas penser à mettre une fonction dans l'event... pourtant j'ai déjà fait ce genre de chose une ou deux fois...
En tout cas MERCI encore.

**jypees** · 29/08/2007, 16h33

au plaisir

bonne journée et à bientot

**Pedro Varela** · 31/08/2007, 19h28

T'as oublié de mettre résolu. Merci!

Changer l'événement onmouseover

JavaScript

Vue hybride

Discussions similaires

Partager

Partager