IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Afficher Cacher astuce ?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Info
    Inscrit en
    Novembre 2009
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Info

    Informations forums :
    Inscription : Novembre 2009
    Messages : 60
    Par défaut Afficher Cacher astuce ?
    Salut,

    J'utilise une fonction toute simple de Javascript pour afficher cacher un bout de ma page web :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    function unhide(divID) {
     	var item = document.getElementById(divID);
     	if (item) {
     		item.className=(item.className=='hidden')?'unhidden':'hidden';
     	}
     }
    qui marche très bien dans ce bout de HTML par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <h2><a href="javascript:unhide('contact');">Nous contacter</a> <a href="javascript:unhide('contact');">Afficher/Cacher</a></h2>
            <ul id="contact" class="hidden">
            	<li>TENNIS CLUB ROUVIERE</li>
    		<li>ESPACE TENNIS LA ROUVIERE</li>
    		<li>83 BD DU REDON</li>
    		<li>13009 MARSEILLE</li>
             </ul>
    Donc j'ai mon titre h2 et le lien "afficher/cacher" me fait apparaitre ou disparaitre l'adresse.
    Seulement moi j'aimerais qu'il n'y ait écrit que "Afficher" quand l'adresse est cachée, et "Cacher" quand l'adresse est visible, que ce soit un peu plus dynamique quoi.

    Y'a t-il une astuce, une fonction bien connue pour faire ça dans mon contexte ?

    Merci !

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonsoir,

    Vous pouvez mettre un id sur votre <a> pour le récupérer dans votre fonction JavaScript. Ensuite, vous lui faites un innerHTML = "Afficher".

  3. #3
    Membre confirmé
    Profil pro
    Info
    Inscrit en
    Novembre 2009
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Info

    Informations forums :
    Inscription : Novembre 2009
    Messages : 60
    Par défaut
    Merci, marche très bien, simple et efficace !
    Ça m'énerve d'ailleurs de pas y avoir pensé ...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Afficher/Cacher un sous menu au clic
    Par Toutankharton dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 28/09/2005, 16h18
  2. Afficher, cacher plusieurs divs
    Par Buku dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 18/03/2005, 10h28
  3. bouton pour afficher/cacher une toolbar ??
    Par pi05 dans le forum MFC
    Réponses: 3
    Dernier message: 07/02/2005, 22h05
  4. afficher / cacher div
    Par Cruelo dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 25/11/2004, 13h48
  5. Besoin d'aide : afficher / cacher des layers
    Par mickeliette dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 21/10/2004, 11h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo