Accueil > Forum > > > > Evènement avec des zones réactives...
Evènement avec des zones réactives...
jeudi 15 avril 2004 à 10:07:47 |
Evènement avec des zones réactives...

Tribute2U
|
Bjr, débutant en JavaScript je sais que l'on peut effectuer une gestion des évènements (dans mon cas il s'agit d'un survol de liens), j'utilise donc l'évènement onMouveOver. J'ai fais un script pour afficher des détails dans la barre d'état au survol des liens. Ca marche nickel avec les liens "classiques" mais pas avec les zones réactives que j'ai faites... Pourtant il y a un lien sur chaque zone et devrait être donc traitées comme des liens,non ??? onMouseOver marche si j'appel window.alert ou quelque chose d'autre mais dans mon cas il s'agit d'appeler un fonction se trouvant dans un fichier javascript... Si quelqu'un pouvait donc me dire comment faire svp. Merci d'avance Partagez votre savoir ;o)
|
|
jeudi 15 avril 2004 à 13:09:53 |
Re : Evènement avec des zones réactives...

bultez
|
Bonjour c'est quoi des zones réactives ? le fait que la fonction soit dans un fichier externe, ne change rien au problème, si fait "correctement" un petit extrait de bout de code aiderait à répondre. Cordialement. Bul.
|
|
jeudi 15 avril 2004 à 13:53:32 |
Re : Evènement avec des zones réactives...

Tribute2U
|
Une zone réactive c'est la division d'une image en plusieurs zone dite "réactive" qui peuvent ainsi être utilisé comme une image ou un lien a part entière et donc gérer indépendemment les évènements... J'ai divisé moon image en plusieur zone de tel sorte qu'a chaque zone correspond un lien unique...
Voila l'extrait du code : <img src="mon_image.jpg" usemap="#Map"> <map name="Map"> <area shape="rect" coords="60,100,150,230" href="mon_lien" onMouseOver="une_fonction('texte'); return true;" onMouseOut="une_autre_fonction();"> <area shape="rect" coords="110,200,210,330" href="mon_lien" onMouseOver="une_fonction('texte'); return true;" onMouseOut="une_autre_fonction();"> </map>
Il y a plsrs sorte de zone réactive : - les rectangles - les ovales - les polygones NB:ici j'utilise les rectangles (4 paramètres nécéssaire...)
Voilà, si cela peut t'aider a me répondre tant mieux sinon c'est pas grave...
Partagez votre savoir :-)
|
|
jeudi 15 avril 2004 à 15:09:27 |
Re : Evènement avec des zones réactives...

bultez
|
Bonjour onMouseOver marche si j'appel window.alert ou quelque chose d'autre mais dans mon cas il s'agit d'appeler un fonction se trouvant dans un fichier javascript... si affirmation vraie, le problème est du au traitement de ce fichier externe <head> <script type="text/javascript" src="nom.js"></script> ...qui contient function appel() { ..... </script> ... <body ..... ....onmouseOver="appel();".... devrait fonctionner sans problème.
Cordialement. Bul.
|
|
jeudi 15 avril 2004 à 19:24:39 |
Re : Evènement avec des zones réactives...

Tribute2U
|
Non justement c'est ca que je ne comprend pas. C'est le même script avec la même fonction que j'utilise pour mes autres pages et il n'y a aucun problème alors qu'avec les zones réactives window.status ne marche pas ou je ne fais pas ce qu'il faut pour que cela marche. J'utilise ma fonction avec des liens "normaux" alors que la ce n'est pas tout a fait des lien c'est une sorte de lien "simulé" alors peut-être que ca vien de la car avec les zones réactives il n'y a pas de : <a href="mon_lien">blabla</a> car pour mes autre liens, je fais : <a href="mon_lien" onMouseOver="une_fonction('texte'); return true;" onMouseOut="une_autre_fonction();">blabla</a>
Je ne sais pas d'ou ca vient... :-(
Partagez votre savoir :-)
|
|
vendredi 16 avril 2004 à 09:10:26 |
Re : Evènement avec des zones réactives...

bultez
|
Bonjour donc window.status ou l'appel d'une function ? si window.status : j'ai personnellement utilisé onMouseMove pour faire apparaître un texte dans window.status au lieu de OnMouseOver qui "ne fonctionnait pas comme je voulais". si appel d'une function [ dans un fichier ou pas ] ça devrait le faire. plus d'infos ? Cordialement. Bul.
|
|
vendredi 16 avril 2004 à 11:34:18 |
Re : Evènement avec des zones réactives...

Tribute2U
|
J'ai testé sans appel de fonction, en faisant en "direct". J'ai testé ceci : <area shape="rect" coords="60,100,150,230" href="mon_lien" onMouseOver= "window.alert('mon texte');"> et cela marche sans problème. Alors que : <area shape="rect" coords="60,100,150,230" href="mon_lien" onMouseOver= "window.status='mon texte'";> ne marche pas, il n'y a aucune erreur de script au lancement mais il n'y a rien qui s'affiche au moment du survol...
Partagez votre savoir :-)
|
|
vendredi 16 avril 2004 à 11:37:33 |
Re : Evènement avec des zones réactives...

Tribute2U
|
Pour info, j'utilise une fonction qui utilise elle même window.status donc cela revient au même de faire appel a la fonction que de marquer le code directement a chaque. Je préfère appelé une fonction pour une question de lisibilité, de non surcharge de mes page HTML et surtout pour la simpplicité à répété cette action surtout que je fais cela pour quasiment tous mes liens... Et oui, partisant du moindre effort :-)
Partagez votre savoir :-)
|
|
vendredi 16 avril 2004 à 13:11:42 |
Re : Evènement avec des zones réactives...

bultez
|
Bonjour pareil pour moi : avec alert ok, avec window.status non j'ai donc remplacé onMouveOver par onMouseMove et ça va comme je veux. Cordialement. Bul.
|
|
vendredi 16 avril 2004 à 16:36:09 |
Re : Evènement avec des zones réactives...

Tribute2U
|
C'est bon, cela marche enfin... Je te remercie pour ton aide et tes conseils. A bientôt peut-être...
Partagez votre savoir :-)
|
|
Cette discussion est classée dans : javascript, zones, liens, evènement, réactives
Répondre à ce message
Sujets en rapport avec ce message
Help probleme de liens avec mon javascript [ par loicw ]
aide moi STPj'ai créer un menu en roll over, avec des liens tous est bien fait ( sous webstyle 3), mais quand j'applique les liens pour activeril est
Liens hypertextes générés par un javascript [ par nisaloncaje ]
Bonjour, sur mon site j'ai des javascript qui génèrent des variables (var1, var2) et j'aimerais que lorsque la page est chargée il y ait dessus un lie
Formulaire avec verification dynamique [ par bladebo ]
BonjourVoila j'aimerai savoir comment faire pour vérifier un formulaire et faire un affichage qui se modifie si certaines zones du formulaire ne sont
Probleme pour faire interpreter du JavaScript à une page chargée via AJAX [ par prozenproses ]
Bonjour,Je m'explique : Je développe actuellement un site en AJAX, il se décompose en 2 parties. A Gauche mon menu qui est composé de liens et lorsque
convertir lien html/javascript en fonction [ par delorentis ]
Bonjour, j'essaie depuis quelques jours de convertir un lien html/javascript dans une simple fonction javascript: mes liens html/javascript:(liens
Problême de racine de serveur en javascript [ par 24buzz ]
Bon(jour/soir), Je vous expose mon problême: J'ai un menu qui est en javascript. Il contient tous les liens pour naviguer dans mon site. Mais j'appel
Fenêtre Javascript avec 2 zones input !!!!! [ par midoxe ]
Bonjour, les amis je cherche à utiliser une fenêtre javascript qui contient 2 zones input pour que je demande à l'utilisateur de rentrer son login a
Fonction php ou javascript ou les 2???????????? [ par dam_37 ]
J'ai une page avec 4 liens vers des pdf ou images s'ouvrant dans d'autres fenêtres. J'aimerais faire un suivi dans un fichier des click sur tel ou tel
kesk'il m'arrive ??? [ par natouba ]
bonsoir !on ne se connait pas , je viens de m'inscrire , j'ai un conseil à vous demander ....il y a des pages sur internet (je suis une grosse consomm
Liste déroulante [ par mickaelpignier ]
Bonjour je suis tres novice en javascript!!Voila je cherhce a enchainer des liste déroulantes ds la mem pageLa premier contien des utilisateurs , la d
Livres en rapport
|
Derniers Blogs
JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|