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 :

Menu masqué / visible à parti d'un bouton


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Mars 2011
    Messages
    9
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 9
    Points : 4
    Points
    4
    Par défaut Menu masqué / visible à parti d'un bouton
    Bonjour,
    Je reviens auprès de vous pour une petite question que je n'arrive pas à règler .

    Je voudrais mettre en place 3 menus, qui serait masqué ou visible à partir d'un bouton.

    J'ai donc utilisé la fonction suivante :
    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
    18
    19
    20
    21
    var state = 'none'; 
     
    function showhide(layer_ref) { 
     
    if (state == 'block') { 
    state = 'none'; 
    } 
    else { 
    state = 'block'; 
    } 
    if (document.all) { //IS IE 4 or 5 (or 6 beta) 
    eval( "document.all." + layer_ref + ".style.display = state"); 
    } 
    if (document.layers) { //IS NETSCAPE 4 or below 
    document.layers[layer_ref].display = state; 
    } 
    if (document.getElementById &&!document.all) { 
    hza = document.getElementById(layer_ref); 
    hza.style.display = state; 
    } 
    }
    Et dans mon javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div  style="display: none;" id="tools_menu" class="tools_panel">
    	<? include './Menu1/menu.php'; ?>
    </div>
    <div  style="display: none;" id="tools_menu2" class="tools_panel">
    	<? include './Menu2/menu.php'; ?>
    </div>
    <div  style="display: none;" id="tools_menu3" class="tools_panel">
    	<? include './Menu3/menu.php'; ?>
    </div>
    Les boutons :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    	<div href="#" onclick="showhide('tools_menu');" class="tool_button" id="tool_image" title="Schéma Tertiaire"></div>
    	<div href="#" onclick="showhide('tools_menu2');" class="tool_button" id="tool_image" title="Schéma Industriel"></div>
    	<div href="#" onclick="showhide('tools_menu3');" class="tool_button" id="tool_image" title="Schéma Architectural"></div>
    Lorsque je fais avec une seule DIV pour les menus, ca marche nickel.
    Dès que j'ajoute les 2 autres menus (fonction include) toute ma page reste blanche.

    Auriez vous une idée ?
    Merici pour votre aide.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 136
    Points : 44 930
    Points
    44 930
    Par défaut
    Bonjour,
    on est loin du sujet, peut être aurait-il mieux valu ouvrir une autre discussion...

    Dès que j'ajoute les 2 autres menus (fonction include) toute ma page reste blanche.
    il y a sûrement une erreur dans ton code en final, regarder le code HTML généré permet souvent de voir ou se trouve celle ci

    Actuellement faire un test sur document.layers est très largement obsolète, feu NetScape 4.

    Enfin une dernier chose essentielle une ID doit être UNIQUE ce qui n'est pas le cas pour toi
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div href="#" onclick="showhide('tools_menu');" class="tool_button" id="tool_image" title="Schéma Tertiaire"></div>
    <div href="#" onclick="showhide('tools_menu2');" class="tool_button" id="tool_image" title="Schéma Industriel"></div>
    <div href="#" onclick="showhide('tools_menu3');" class="tool_button" id="tool_image" title="Schéma Architectural"></div>

  3. #3
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Mars 2011
    Messages
    9
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mars 2011
    Messages : 9
    Points : 4
    Points
    4
    Par défaut
    Bonjour à tous.
    Après quelques galères (comme vous avez pu le lire ...)
    L'application est enfin disponible.

    Voici quelques exemples du résultat :
    http://www.imagup.com/data/1148499310.html
    http://www.imagup.com/data/1148468080.html

    N'hésitez à venir tester ou donner votre avis sur cette application (inscription obligatoire au forum pour accèder à toutes les fonctionnalités de LogEleec) :
    http://myeleec.fr
    http://forum.myeleec.fr
    http:/logeleec.myeleec.fr

    Encore un grand merci à Sekaijin pour m'avoir mis sur la piste de SVG-Edit !!!!
    Et merci aux autres pour votre aide.

    Cordialement
    Christophe CABRERA

Discussions similaires

  1. Réponses: 4
    Dernier message: 08/11/2006, 00h00
  2. [formulaire]condition visible ou actif sur bouton ouvrir
    Par p'tite Sandrine dans le forum Access
    Réponses: 5
    Dernier message: 16/10/2006, 10h03
  3. Savoir si un popu menu est visible/affiché
    Par adc dans le forum Composants VCL
    Réponses: 1
    Dernier message: 05/04/2006, 01h05
  4. menu tjs visible
    Par difficiledetrouver1pseudo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 06/02/2006, 21h12
  5. DbNavigator, rendre inefficace et visible, l'un des boutons
    Par Lucien dans le forum Bases de données
    Réponses: 2
    Dernier message: 14/10/2004, 10h56

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