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

Mise en page CSS Discussion :

Afficher/Masquer une div


Sujet :

CSS

  1. #1
    Candidat au Club
    Inscrit en
    Février 2007
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 4
    Points : 2
    Points
    2
    Par défaut Afficher/Masquer une div
    Bonjour à tous,

    J'ai un DIV qui est en visibility:hidden et qui est rendu visible uniquement lorsqu'on clique sur un bouton.

    Avec IE6, le positionnement de ce DIV m'empêche de cliquer sur toutes les zones 'utiles' ( OnClick=...) se situant géographiquement sous ce div, même s'il est encore 'invisible', alors que cela fonctionne parfaitement bien sous FF.

    ci-dessous la class que j'ai définie,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
          div.c6 {position: absolute; 
                  padding:5; 
                  font-family: verdana; 
                  font-size:10; 
                  top:0;
                  left:0;  
                  border: solid 1; 
                  visibility:hidden; 
                  width:220px; 
                  height:520px; 
                  z-index:999;
                  overflow:wrap;}
    le div est défini très simplement :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
           echo "<div id=\"help_info\" class=\"c6\">";
    dans lequel je définis un <form> très simple ( juste un bouton OK ),

    Le bouton suivant, qui est censé activer mon help_info...mais est placé DANS LA ZONE du DIV, ne me rend absolument rien,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a OnClick=\"document.getElementById('help_info').style.visibility= 'visible';\" title=\"Click here to access the help infos.\"><img name=info_help src=\"images/info_help.bmp\" border=0></a>";
    ainsi que d'autres qui se trouve également dans la même zone.

    Si je fait déplace le DIV sur une autre zone de l'écran ne couvrant pas ces boutons, tout fonctionne bien, sauf que je ne fais que déplacer le problème.

    Si vous pouviez me donnez qques conseils,

    merci BCP,

  2. #2
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    as-tu essayé avec display:block / none
    au lieu de visibility:visible / hidden ??

    A+

  3. #3
    Candidat au Club
    Inscrit en
    Février 2007
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 4
    Points : 2
    Points
    2
    Par défaut
    Oui, j'ai essayé , mais le prob reste identique.

    J'ai essayé en supprimant le <FORM> de mon DIV,
    là cela fonctionne nettement mieux, mais je ne peux pas laisser de title="qqchose" car si je passe avec ma souris dans cette zone, le title appparait tout de même.
    Je pourrais m'en contenter, mais je ne trouve pas cela très clean.

  4. #4
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    Quand tu le rends invisible, tu peux en même temps le déplacer pour qu'il soit plus "au-dessus". Quand tu le réaffiches, tu le remets en place ...

    A+

  5. #5
    Membre actif
    Inscrit en
    Novembre 2006
    Messages
    206
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 206
    Points : 231
    Points
    231
    Par défaut
    Est-il possible d'avoir un lien vers la page ?
    position:absolute; ou z-index sont peut-être les responsables.

  6. #6
    Candidat au Club
    Inscrit en
    Février 2007
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 4
    Points : 2
    Points
    2
    Par défaut
    oui, ce serait une solution.

    Je crois que c'est lié non pas au DIV lui-même, mais au contenu du DIV.
    Faudra que j'essaye,

    je met cette discussion en 'Résolu',

    merci bcp.

  7. #7
    Candidat au Club
    Inscrit en
    Février 2007
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 4
    Points : 2
    Points
    2
    Par défaut
    malheureusement, je ne puis pas donner d'accès à cette page, ce n'est pas une page Public.

    merci tout de même,

    Phil

  8. #8
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    Salut,

    Normalement, avec un display: none; ton div ne devrait offrir aucune interaction...
    Es-tu sur que l'imbrication html est correcte? Tu nous montre l'ouverture du div mais pas sa fermeture...

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

Discussions similaires

  1. Afficher/Masquer une div
    Par Evelyne31 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 07/11/2012, 14h45
  2. Afficher / masquer une div
    Par laurent94 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 02/12/2011, 15h47
  3. Afficher/masquer une div sur une autre frame
    Par jerome69003 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 26/11/2009, 18h32
  4. [Form] Afficher/Masquer une zone de texte
    Par SpyesX dans le forum IHM
    Réponses: 14
    Dernier message: 01/12/2005, 01h13
  5. Afficher/Masquer un <DIV> au clique de la souris.
    Par Joad dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/09/2005, 10h55

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