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 :

sous-menu non transparent


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut sous-menu non transparent
    Bonjour,

    j'utilise le code suivant
    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
      <script type="text/javascript">
    function wg_popup( id ) {
     var p = document.getElementById(id);
    	for( var i = 0; i < 10; i++ ) {
    	 var e = document.getElementById( 'wgpopup'+i );
    	 if ( e ) {
    	  e.style.visibility='hidden';
    	  e.style.display='none';
    	 }
    	}
     if( p ) {
    	 p.style.visibility='visible';
    	 p.style.display='block';
    	}
    }
      </script>
    pour afficher des sous-menus sous forme de pop-ups. Le code que j'appelle alors est du type :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
                            <div class="wg-button"> <a
     style="position: relative;"
     href="xxx"
     onmouseover="javascript:wg_popup('wgpopup1');"><img
     src="../_frame/button.png" alt=""><span
     style="position: absolute; left: 10px; top: 10px; width: 91px;">yyy</span></a></div>
                            <div id="wgpopup1" 
                            <a href="zzz"
     style="border-bottom: 1px solid rgb(204, 204, 102);">qqchose</a></div>
    . Ca marche bien s'il n'y a pas de recouvrement, ceux-ci étant transparents. Mais je ne sais pas modifier ce code (je ne connais rien au javascript) pour les rendre non-transparents. Peut-on m'indiquer comment faire ?

  2. #2
    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
    p.style.backgroundColor="white"
    ?
    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 !

Discussions similaires

  1. sous menu non apparant dans IE
    Par anaisl dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 12/11/2010, 12h10
  2. Non déroulement de sous menu sous IE
    Par jlb59 dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 05/01/2008, 16h32
  3. Menu CSS transparent sous IE
    Par carter15_2001 dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 23/02/2006, 21h21
  4. Réponses: 9
    Dernier message: 14/10/2003, 15h35

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