Accueil > Forum > > > > Simulation de clic
Simulation de clic
jeudi 24 avril 2008 à 09:59:46 |
Simulation de clic

ura
|
Bonjour, voici mon problème. J'ai crée une image avec plusieurs zones réactives. Voici la partie du code : <img src="images/situation.jpg" width="700" height="488" border="0" usemap="#Map" /></center> <map name="Map" id="Map"> <area shape="poly" coords="178,315,206,305,227,318,207,351,170,332,125,332,126,316" href="#" /> <area shape="poly" coords="131,270,131,282,74,284,74,292,87,303,81,313,48,306,15,285,28,263" href="#" /> </map> Jusque là, aucun problème. Mais je souhaiterais : - Soit que lorsqu'on clique sur une des zones cela simule le clic sur une autre image qui est affichée plus bas sur la page et dont le code d'affichage est : <a href="images/bambou/bambou_01.jpg" rel="splash|bambou" title="" id="bambou_01.jpg"><img src="images/bambou/bambou_01.jpg" width="75" alt="" /></a> démarrant ainsi un diaporama se rapportant à la zone cliquée. - Soit que le survol d'une zone cliquable démarre l'affichage d' images successives dans un popup qui se ferme tout seul quand on enlève la souris de la zone cliquable.
Désolé pour cette explication très confuse et merci d'avance pour votre aide.
|
|
jeudi 24 avril 2008 à 10:10:14 |
Re : Simulation de clic

maelob
|
Bonjour, >> - Soit que lorsqu'on clique sur une des zones cela simule le clic Ben si on clique ça a cliqué pas besoin de le simuler ;-) Pour le clique il faut rajouter onclick qui va apeller un fonction qui changera ton image (document.getElementById('bambou_01').src = 'nouvelle_image'; faut que ça soit l'id de la balise img le j'ai pris l'id du lien )
>>- Soit que le survol d'une zone cliquable démarre l'affichage d' images successives dans un popup qui se ferme tout seul quand on enlève la souris de la zone cliquable.Ben pour ça c'est les évenement onmouseover et onmouseout. Pareil sur le onmouseover qui va apeller la fonction de changement d'image (avec un timeout par exemple pour changer l'image automatiquement.) et sur onmouseout... En faite il sers à rien ^^ lol.
Maelo ou Elo --> Mon blogSi quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
|
|
jeudi 24 avril 2008 à 10:11:20 |
Re : Simulation de clic

maelob
|
Au faite les map et area je connais pas dans si c'était important je suis passée a coté 
Maelo ou Elo --> Mon blogSi quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
|
|
jeudi 24 avril 2008 à 10:13:42 |
Re : Simulation de clic

bultez
|
Bonjour, déjà, tu met un <a href="une lmage" ? > curieux, non ? c'est plutôt l'adresse d'une page ( html, php... ) ensuite dans arear, il y a href.... met y ce que tu veux. sinon, onclick sur l'area est aussi permis. on y fait ce qu'on veut. >> au surviol : démarre l'affichage d' images successives dans un popup quand à ça, ouvrir un pop-up : var pop=window.open(....) lors de onmouseover, et y mettre le script pour faire défiler les images >>qui se ferme tout seul quand on enlève la souris de la zone cliquable. onmouseout===> pop.close();
Cordialement  Bul [ mon Site] [ M'écrire]
|
|
jeudi 24 avril 2008 à 10:19:37 |
Re : Simulation de clic

maelob
|
J'avais pas vu les histoires de popup...  Mais comparé au popup je préfére utiliser des div que je montre/cache c'est supporté par tous les navigateurs et ça évite de faire geuler l'anti-popup 
Maelo ou Elo --> Mon blogSi quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
|
|
jeudi 24 avril 2008 à 10:20:42 |
Re : Simulation de clic

bultez
|
ah ben on s'est croisé maelob.... bonjour à toi joyeuse contribuable.
Cordialement  Bul [ mon Site] [ M'écrire]
|
|
jeudi 24 avril 2008 à 10:21:49 |
Re : Simulation de clic

nicomilville
|
Salut, @maelob = t'inquiète moi non plus je ne connais pas et j'en suis pas mort, n'empèche que ça a l'air d'être pratique, lol !!! Si t'a besoin d'aide, MP !!!

|
|
jeudi 24 avril 2008 à 10:24:40 |
Re : Simulation de clic

maelob
|
Amicale bonjour à toi aussi mon cher ami (c'est pour toi aussi nicomilville ;-) ) @nicomilville : En faite j'ai pas vraiment compris ces balises... Bul tu veux pas faire un cours stp???? Je regarde mon écran comme si c'était un tableau a l'école :-D (c'était bon les cours.... :'( )
Maelo ou Elo --> Mon blogSi quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
|
|
jeudi 24 avril 2008 à 10:42:42 |
Re : Simulation de clic

bultez
|
map et area ? toutes les docs en parlent. en gros, map c'est l'image ( par exemple la carte de france ) area c'est le "découpage" de cette image en zones réactives on en donne le controur. les régions par exemple. <IMG SRC='la carte de France.gif' BORDER=0 USEMAP='#carte_conso_departements_Map'> <MAP NAME='carte_conso_departements_Map'> ... <AREA SHAPE='poly' ALT='Nord-Pas-de-Calais' COORDS='147,1,164,1,164,5,168,9,175,8,189,22,196,22,197,24,197,34,194,34,192,34,178,34,176,34,175,35,173,32,162,32,158,27,151,27,146,22,142,22,142,6' HREF='page si on clique' > ...
Cordialement  Bul [ mon Site] [ M'écrire]
|
|
jeudi 24 avril 2008 à 10:45:56 |
Re : Simulation de clic

maelob
|
Merci bul pour ces précisions je me coucherai moins bête ce soir :-)
Maelo ou Elo --> Mon blogSi quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)
|
|
Cette discussion est classée dans : images, clic, zone, jpg, bambou
Répondre à ce message
Sujets en rapport avec ce message
Cadre dans une images JPG [ par Spacego ]
Bonjour à tous,Voilà depuis un petit moment, j'essaye de trouver un moyen d'intégrer un cadre, qui permettrais d'afficher un lien extérieur (HTML), da
zone de liste multicoloNNes et contenant des images [ par hebertsylvain ]
J'aurais besoin de créer une zone de liste multicolonnes (2 colonnes) avec dans la premiere une petite icone et dans la seconde un champ texte.Dans ce
Image aleatoire [ par Revolux ]
Bonjour, Je n' y connais absolument rien en Java Script et je ne trouve pas ce que je cherche parmis les sources du site. Je vous pose donc ma questi
plusieurs Rollover sur une meme page [ par fraggles ]
Si vous souhaitez rendre votre page d'acceuil un peu plus dynamique vous avez la possibilités d'y insérér des rollovers ( sur 5 images qui pointent su
modifier la source de plusieurs images [ par oliviergilbert ]
bonjour ! j'ai un gros probleme :-pj'ai une page dans laquelle je veux affichier une grand nombre de photos;dans , j'ai le code suivant (a qqchose prè
Problème programmation menu déroulant [ par schietnet ]
Bonjour à tous. Voila, j'ai un petit problème dans la programmation d'un menu. J'aimerais avoir un menu dynamique, qui en cliquant dessus déroule les
manipulations d'images [ par 3dagard ]
bonjour,je suis novice, et si quelqu'un pouvais m'aider ce serait genial.1) sur une image.jpg , avoir une zone reactive qui ouvrirait un menu derouran
un petit probleme [ par liocsh ]
Bonjour, je voudrais de l'aide pour ce petit script :Attribuer une donnée a une variable ici "ww" pour faire afficher des images de nom 1.jpg, 2.jpg..
Problème avec onmouse et images [ par dedeazer ]
Bonsoir,Je souhaite afficher un bouton image (bouton.jpg) et qui lors du passage de la souris dessus change d'aspect (bouton_enfonce.jpg) et qu'une au
Convertir lettres en images Merci aux dieux qui réussiront!!! [ par jmp kjm ]
Bonjours à tous!Mon problème est certainement simple pour les génis que vousêtes mais perso je n'y arrive pas...Voilà ce que je veux faire:Un formulai
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante 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
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
|