begin process at 2012 05 30 01:47:06
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

Simulation de clic


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club

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 blog

Si 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

Membre Club
Au faite les map et area je connais pas dans si c'était important je suis passée a coté




Maelo ou Elo --> Mon blog

Si 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

Membre Club
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

Membre Club
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 blog

Si 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

Membre Club
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

Membre Club
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

Membre Club

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 blog

Si 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

Membre Club



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

Membre Club

Merci bul pour ces précisions je me coucherai moins bête ce soir :-)



Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

1 2

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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,978 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales