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

jQuery Discussion :

Tester si div parent display none


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 5
    Par défaut Tester si div parent display none
    Voici mon code :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div class="flippage_page">
    <div id="p0"></div>
     
    <div class="flippage_page" style="display: none;">
    <div id="p1"></div>
     
    <div id="show" style="display: none;">blabla</div>


    Bonjour à tous,

    Je suis bloquée sur du jquery depuis des heures.

    Je voudrais tester si le div parent du div #p1 a un display:none > j'affiche l'id #show.
    Je ne peux pas mettre d'id au div .flippage_page.
    D'ou l'idée de tester le div parent de #p0, #p1 etc.

    J'espère que vous pourrez m'aider.

    Merci,

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Il faut utiliser les sélecteurs :visible Selector et .is().
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 5
    Par défaut
    Merci, comment l'utiliser sur le div parent de #p0 ou #p1 ?
    Et comment afficher à ce moment là le div #show ?

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2007
    Messages
    282
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Gers (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2007
    Messages : 282
    Par défaut
    Et pourquoi ne pas utilisé la fonction toogle de jquery?
    http://jquery.developpeur-web2.com/d...ets/toggle.php

    C'est juste une question, j'ai pas compris exactement ce que tu veux.
    Pour récupérer le parent, tu as aussi la fonction parent();

    bon courage

    Lemirandais

  5. #5
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    var jObj = $( "#p1" ).parent();
     
    /*
     * Si la division parent n'est pas visible la réponse est false,
     * c'est la raison du ! qui transforme le false en true et le true
     * en false.
     */
    if ( ! jObj.is( ":visible" ) ){
    	// votre code, exemple
    	jObj.fadeIn( 200, function(){ // http://api.jquery.com/fadeIn/
    		$( "#show" ).slideToggle( 1000 ); // http://api.jquery.com/slideToggle/
    	});
     
    }

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. les div cachés (display='none') et CSS + JS
    Par medhan dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 17/10/2013, 11h05
  2. [Form][DIV] display:none request.getParam() null
    Par Stessy dans le forum Servlets/JSP
    Réponses: 0
    Dernier message: 11/02/2011, 10h37
  3. Div visible ou hidden / Display none
    Par HWICE dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 15/08/2008, 16h47
  4. DIV display none block
    Par kishkaya dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 08/08/2007, 17h07
  5. [W3C] Problème avec la balise div et le style "display:none&a
    Par Golork dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 14/11/2005, 20h30

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