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

Soyez le premier à donner votre avis sur cette source.

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

Commenter

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.
Ajouter un commentaire Commentaires
voulong Messages postés 2 Date d'inscription lundi 31 mars 2014 Statut Membre Dernière intervention 29 septembre 2014
27 sept. 2014 à 02:34
c'est tres bon
neolien Messages postés 63 Date d'inscription mardi 4 mai 2004 Statut Membre Dernière intervention 4 février 2007
22 mai 2005 à 09:36
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..
S'inscrire maintenant

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.