onmouseover - onmouseout

**Foutix** · 13/04/2008, 12h04

Bonjour, j'ai un souci avec mon onmouseover.
ça va pas être facile d'expliquer, je vai faire de mon mieux.

J'ai un javascript onmouseover - onmouseout et je souhaite que l'image qui ce trouve dans onmouseover reste active aprés le clic de la souris.

Voici le détail de mon script.

<A onmouseover="changeImages('home','images/menu/b-home_over.jpg');return true" onmouseout="changeImages('home','images/menu/b-home.jpg');return true" href="#">
<IMG height="50" alt="" src="images/menu/b-home.jpg" width="86"
align="top" border="0" name="home"></A>

Je sait le faire en CSS, mais pas en javascript.

Avez vous une idée? J'ai utilisé la fonction rechercher mais c'est une telle jungle qu'au bout de quelque post j'ai laisser tombé.

Merci d'avance.

Foutix

**Jumano** · 13/04/2008, 12h12

Bonjour,
Pourrais tu poster le code de ta fonction JS ...

**Foutix** · 13/04/2008, 12h39

J'ai un souci pour mettre le code source.

Trop de caractère, il fait plus de 34960 caractères.

Comment faire SVP

**Jumano** · 13/04/2008, 12h44

Juste la fonction changeImages() ...

**Foutix** · 13/04/2008, 18h24

Envoyé par jumano

Juste la fonction changeImages() ...

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
function changeImagesArray(array) {
	if (preloadFlag == true) {
		var d = document; var img;
		for (i=0;i<array.length;i+=2) {
			img = null; var n = array[i];
			if (d.images) {
				if (d.layers) {img = findElement(n,0);}
				else {img = d.images[n];}
			}
			if (!img && d.getElementById) {img = d.getElementById(n);}
			if (!img && d.getElementsByName) {
				var elms = d.getElementsByName(n);
				if (elms) {
					for (j=0;j<elms.length;j++) {
						if (elms[j].src) {img = elms[j]; break;}
					}
				}
			}
			if (img) {img.src = array[i+1];}
		}
	}
}
function changeImages() {
	changeImagesArray(changeImages.arguments);
}

J pige que dalle

**Jumano** · 13/04/2008, 18h36

Tu as testé le code que je t'ai donné ?

**shaun_the_sheep** · 13/04/2008, 12h46

Salut,

utilise l'evenement onClick peut être que cela peut te permettre de faire ce que tu veux.

Sinon mais le code de la fonction :
changeImages

Remarque:
Si ta page en nombre de caractères est trop lourde. Pour la maintenance cela pourra aussi t'aider. Tu devrais peut être l'éclater un peu. Comme mettre le javascript à part ainsi que les feuille de style si ce n'est déjà fait.

**Jumano** · 13/04/2008, 14h27

Re,
Peut être une solution :

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
 
<script language="javascript" type="text/javascript">
function changeImages(image) {
document.images['home'].src = image ;
}
 
function fixeImages() {
document.getElementById('img').innerHTML = '<a href="#"><img height="50" alt="" src="images/menu/b-home.jpg" width="86" align="top" border="0" name="home"/></a>' ;
}
</script>
</head>
<body>
<div id="img" onclick="fixeImages();">
<a onmouseover="changeImages('images/menu/b-home_over.jpg');" onmouseout="changeImages('images/menu/b-home.jpg');" href="#" ><img height="50" alt="" src="images/menu/b-home.jpg" width="86" align="top" border="0" name="home"/></a>
</div>

onmouseover - onmouseout

JavaScript

Vue hybride

Discussions similaires

Partager

Partager