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 des divs


Sujet :

JavaScript

Vue hybride

figatelliSTI Afficher / Cacher des divs 03/04/2008, 16h33
E.Bzz Bonjour, j'ai donné ici... 03/04/2008, 16h42
SpaceFrog function sssShowDiv(id){ ... 03/04/2008, 16h44
figatelliSTI vous pensez pas qu'il faut... 03/04/2008, 16h54
SpaceFrog ou en ayant auparavant... 03/04/2008, 16h57
E.Bzz Oui si tu veux que cela... 03/04/2008, 16h57
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    56
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 56
    Par défaut Afficher / Cacher des divs
    Bonjour a tous ,

    Voila j'ai 2 fonctions pour afficher et cacher mes divs :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
     
    function sssShowDiv(id){
      if(document.getElementById(id).className=='hide'){
      document.getElementById(id).className='';
      $('#'+id).show('slow')
    	  }
    		  }
     
     
    function sssHideDiv(id){
       if(document.getElementById(id).className!='hide'){
     document.getElementById(id).className='hide';
    		  $('#'+id).hide('slow')
    			   }
     
    		   }
    Ce que j'aimerai savoir c'est si c'est possible de faire une fonction qui ouvre et ferme des div suivant leur nom.

    Exemple :

    <div id="menu_toto"></div>
    <div id="menu_tata"></div>
    <div id="menu_titi"></div>
    <div id="menu_tutu"></div>

    ce que je voudrai faire ca serai onClick="sssshowDiv('menu_*')" ou * représenterai tous les id commençant par menu et finissant n'importe comment...

    Voila merci

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    j'ai donné ici un exemple (qui n'était pas la réponse attendu ) que tu peux très facilement adapté ('img' => 'div' et .onclick => .style.display).

    A+

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    function sssShowDiv(id){
      if(document.getElementById(id).className=='hide' && (id.substr(0,5)=="menu_" ){
    un truc du genre ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    56
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 56
    Par défaut
    vous pensez pas qu'il faut passer par getElementsByTagName plutot ?

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    ou en ayant auparavant récupéré la collection des divs ...

    donc le test sur tous les divs ..
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par figatelliSTI Voir le message
    vous pensez pas qu'il faut passer par getElementsByTagName plutot ?
    Oui si tu veux que cela impacte toute la page en une seule fois.
    Non si tu veux le faire élément par élément. Dans ce cas, plutôt la solution de SpaceFrog (style : onclick de l'élément => tu testes s'il est concerné ou pas) ...

    A+

Discussions similaires

  1. Afficher / Cacher des div, probleme
    Par bob633 dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 25/02/2012, 12h49
  2. afficher cacher des div script CGI
    Par calimero83 dans le forum Réseau/Web
    Réponses: 0
    Dernier message: 04/12/2011, 20h00
  3. Galerie image: Afficher/cacher des div
    Par lemirandais dans le forum jQuery
    Réponses: 1
    Dernier message: 09/09/2009, 08h49
  4. Afficher/cacher des div automatiquement
    Par spawns dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 31/01/2009, 14h34
  5. Afficher & Cacher des div
    Par stanley dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/10/2008, 20h26

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