Desactiver le OnMouseOver

**MachProd** · 26/10/2006, 19h22

Bonjour,
J'ai essayé de chercher sur le Net et sur le forum mais sans succes.

Je cherche a faire une image changeante au survole de la souris qui arrete ce mecanisme des qu'on clique dessus.
Je peux le gerer par des fonction Javascript avec une variable mais je cherche a optimiser mon code.
Voici donc ce que je fais:

Code html :

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

1
2
 
<img src="Images/SignOff.png" onClick="this.onMouseOver=null;this.onMouseOut=null;" onMouseOver="this.src='Images/SignOn.png';" onMouseOut="this.src='Images/SignOff.png';">

Sauf que bien sure cela ne fonctionne pas. Je n'ai pas d'erreur JS non plus.
Qu'en pensez vous ?

Merci d'avance

**Auteur** · 26/10/2006, 22h06

bonjour,

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
27
28
29
30
31
32
33
34
35
36
37
38
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
var stop = false;
function stopEv(obj)
{
 stop = true;
    obj.src="Images/SignOff.png"
}
 
function over(obj)
{
  if (!stop)
    obj.src="Images/SignOn.png";
}
 
function out(obj)
{
  if (!stop)
    obj.src="Images/SignOff.png"
}
 
//-->
</script>
 
</head>
 
<body>
<img src="Images/SignOff.png" onclick="stopEv(this)" onmouseover="over(this)" onmouseout="out(this)">
 
 
</body>
 
</html>

**MachProd** · 27/10/2006, 10h18

Merci pour ta reponse Auteur,

Mais comme je le disais je dans mon post, je voudrais savoir si je peux m'affranchir de passer par des fonctions javascript comme tu l'as si bien fait.

L'une des raisons etant le fait que je vais devoir gerer enormement de boutons images. Dans ce cas la var stop devient plus compliquée a gerer.
C'est la raison pour laquelle je souhaite porter le code au niveau des images.

**denisC** · 27/10/2006, 13h22

A mon avis, en passant tout en minuscules, avec des chaines vides, ça passe:

Code html :

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

1
2
 
<img src="Images/SignOff.png" onClick="this.onmouseover='';this.onmouseout='';" onMouseOver="this.src='Images/SignOn.png';" onMouseOut="this.src='Images/SignOff.png';">

En tout cas, ça vaux le coup d'essayer

Desactiver le OnMouseOver

JavaScript

Discussions similaires

Partager

Partager