begin process at 2012 05 28 23:55:55
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

changement image apres clic lien menu


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

changement image apres clic lien menu

mercredi 29 avril 2009 à 11:15:57 | changement image apres clic lien menu

Luluce25

Bonjour,
Je n'ai pas trouvé de solution à mon problème. Je m'explique.
J'ai un menu en html :

<div id="menu1">
  <a href="menu1.php"><img name="img1" src="image1.png"  /></a>
</div>
<div id="menu2">
  <a href="menu2.php"><img name="img2" src="image2.png"  /></a>
</div>

J'ai ajouter le code suivant sur l'image : onClick="document.img1.src='image1bis.png';"
Hors vu que je change de page, l'image ne change pas. Comment faire pour avoir l'image1bis après avoir cliquer sur le lienet que celle si reste??

Merci
mercredi 29 avril 2009 à 11:25:42 | Re : changement image apres clic lien menu

Bul3

Membre Club
Bonjour,
si j'ai compris ! :
regarde en CSS, le a:visited, a:hover....  ainsi que ="background-image:url(ton image);
si j'ai compris, car pas sûr de ce que tu demandes dans ces histoires
    de changement de page !
Cordialement [mon Site] [M'écrire] Bul

mercredi 29 avril 2009 à 11:50:42 | Re : changement image apres clic lien menu

Luluce25

Merci pour votre réponse. Ca donne presque ce que je veux.
Je voudrais que si je change de page, le lien redevienne comme s'il n'avait pas été visité?!
Cordialement
mercredi 29 avril 2009 à 11:55:14 | Re : changement image apres clic lien menu

Bul3

Membre Club
toujours pas sûr de comprendre...
mais joue avec le a:visited ?

mercredi 29 avril 2009 à 12:03:31 | Re : changement image apres clic lien menu

Luluce25

J'ai un menu:
Menu1 - Menu2 - Menu3

Suivant votre conseil, j'ai mis des images en fond pour chaque lien.
Quand je clique sur Menu1, l'image change car j'ai utilisé a.visited, on va dire que img1 change en img1bis. Jusque la tout va bien.
Par contre, je voudrais que quand je clique sur Menu2, l'image de Menu1 redevienne img1 et pas img1bis.

J'espère avoir été plus claire....

mercredi 29 avril 2009 à 12:18:20 | Re : changement image apres clic lien menu

Bul3

Membre Club

sans javascript pas sûr qu'on puisse alors....

...onclick="lélément à modifier.style.backgroundImage='url:(....)';"...
ou jouer avec le className de cet élément.

@+


mercredi 29 avril 2009 à 13:46:27 | Re : changement image apres clic lien menu

Luluce25

Quand je clique sur mon image, je vois bien que l'image change mais quand je relève la bouton de la souris, l'image de départ revient...
mercredi 29 avril 2009 à 15:25:39 | Re : changement image apres clic lien menu

Bul3

Membre Club
tu pourrais mettre ce que tu fais ?
car si c'est quand "on relève le bouton", c'est fait avec du css ou onmouseout....
@+

mercredi 29 avril 2009 à 15:32:50 | Re : changement image apres clic lien menu

Luluce25

Réponse acceptée !
En fait j'ai trouvé une alternative à mon problème.
J'ai récupéré l'adresse de la page où je me trouve et en fonction de cette adresse, je change les images qu'il faut.

<body onLoad="changeMenu()">

        <div id="menu1">
            <a href="entreprise.php"><img src="image/menu/entreprise.png" name="entreprise"></a>
        </div>
        <div id="menu2">
            <a href="salledebain.php"><img src="image/menu/sdb.png" name="sdb"></a>
        </div>
</body>

Code JAVASCRIPT :
function changeMenu(){
        var url = document.location.pathname;
       
        if(url=="/newsite/entreprise.php")
            document.entreprise.src = 'image/menu/entreprise2.png';
           
        if(url=="/newsite/salledebain.php")
            document.sdb.src = 'image/menu/sdb2.png';
      
    }

Merci pour votre aide.


Cette discussion est classée dans : menu, clic, image, changement, apres


Répondre à ce message

Sujets en rapport avec ce message

afficher une image apres une selection dans un menu [ par Le_Loup_Blanc ] Bonjour  a tousVoila j'explique mon petit probleme...J'ai recupere un script qui permet d'ecouter la radio en selectionant dans un menu les stations e Changement d'image d'un autre frame [ par NiFF ] Ma page est séparée en 2, et il y a deux frames : je voudrais que lorsque le visiteur clique sur une image de la frame de gauche, elle s'afiche dans u Menu "tree" sans frame (tres important: menu reste ouvert et highkighté ou en gras apres avoir cliqué sur un lien) [ par simriv123 ] Bonjour, le titre est asser long, mais il dit ce qu'il dit.j'ai cherché un peu sur le site mais je n'ai pas trouvé ce que je cherchais.Ce que je désir changement d'images [ par bob ] salut tout le monde ! existe il un script qui permet d'avoir une image qui change toutes les 10 secondes sur une page ? je ne veut pas réactualiser l Menu dynamique a gauche avec images [ par YouTzeEN ] Salut à tous Bon, voila je suis un tres gros newbie ...Je cherche a faire un menu dynamique a gauche avec des images ...Voila en fait, j'aurai besoin popup apres clic sur "mettre au panier" [ par oceane751 ] bonsoir à tous ! je suis en train de creer un panier virtuel jusqu'ici tout va bien je gere aussi les stocks des produits vendus mais j'aurais aimé sa Changement d'image lien hypertexte [ par psycomel ] Bonjour a tous !Je cherche desperement à faire un mouseOver avec changement d'image avec asp.net.Je fait comme ca dans mon c# : ACCUEIL.Attributes.Add Envoi d'un parametre avec clic sur un lien [ par daddycool ] Bonjour, j'ai une image avec des lettres alphabétiques. Sur cette image je fais des zones réactives sur chaque lettre; qui me redirige sur une page en menu deroulant sur image reactive [ par lu6fer ] Bonjour, voila je cherche a faire un menu deroulant (je ne suis pas sur que ce soi le nom exacte mais bon aller voir ca : http://www.infoclimat.fr/car Générer un menu vertical à partir d'une image [ par hugo37 ] Bonjour à tous, j'ai un petit problème, en fait les scripts permettant d'insérer un menu déroulant ect... sont très bien sur ce site mais je n'arrive


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 : 1,061 sec (3)

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