Désactiver/activer onmouseover lors d'un click sur l'image

Soyez le premier à donner votre avis sur cette source.

Snippet vu 9 702 fois - Téléchargée 31 fois

Contenu du snippet

il y a 2 frames : une contenant une petite carte et l'autre contenant la même carte en plus grand. Quand je me déplace sur la plus petite, la plus grande bouge. si je clique sur la petite, la grande ne bouge plus et si je reclique sur la petite, la grande bouge de nouveau. Très pratique pour montrer un endroit précis sur la grande carte.

Source / Exemple :


<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<SCRIPT>
Msoft=(navigator.appName.indexOf("Microsoft")!=-1)
ok=1;
if(document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=newPos;
document.onclick = pos;

function newPos(e){
X=(Msoft)?event.clientX:e.pageX
Y=(Msoft)?event.clientY:e.pageY
parent.Rframe.scroll(X*15-600,Y*15-600)
}

function pos(e){
if(ok==1)
	{
	document.onmousemove=null
	ok=0;
	}
else
	{
	document.onmousemove=newPos;
	ok=1;
	}
}
</SCRIPT>

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>

<BODY>

<IMG src="images.jpg" width=160>

</BODY>
</HTML

Conclusion :


ok sert juste à savoir si on a cliqué ou pas. Au départ, onmousemove est actif. Si on clique et que ok est à 1, on désactive onmousemove. Et si ok est à 0, on le réactive. Ca marche très bien.

A voir également

Ajouter un commentaire Commentaires
Messages postés
2
Date d'inscription
lundi 31 mars 2014
Statut
Membre
Dernière intervention
29 septembre 2014

c'est tres bon
Messages postés
63
Date d'inscription
mardi 4 mai 2004
Statut
Membre
Dernière intervention
4 février 2007

Bonjour à tous,

Tout d'abord <script language="JavaScript"> au lieu de <script>, et ne marche pas sous IE (pas tester sous Mozilla, mais il n'y a peu de chance que cela marche !!)..il y a une erreur dans ton code...

Et enlève "<META content="Microsoft FrontPage 4.0" name=GENERATOR>", car utiliser une telle daube pour coder quelques lignes ne te conduira qu'à des erreurs de code ou des imperfections ou pire des balises propriètaires (comme avec Dreamweaver)...

Et puis il ne faut jammais oublier qu'une page ou un site mal codé risque de vous priver d'un bon référencement (ne parlons pas du positionnement, of course..)

Il semblerait que les derniers algorythmes du page rank de google accordent plus d'importance aux pages en conformitées aux normes du W3C, pour augmenter votre pertinence...so bien codé n'est pas que de la frime d'esthète, mais impacte sur un positionnement pro de votre site...ne pas l'oublier :

http://validator.w3.org/

Pour vérifier la validé de vos pages html

"<META http-equiv=Content-Type content="text/html; charset=windows-1252">" remplace le par <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> car cette synthaxe est validée par le W3C...

@ Pluche et bon dimanche malgré la grisaillle..

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.