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-Hamburger en javascript


Sujet :

JavaScript

  1. #1
    Membre habitué
    Femme Profil pro
    Stagiaire en Web Développement junior
    Inscrit en
    Juillet 2019
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 31
    Localisation : Belgique

    Informations professionnelles :
    Activité : Stagiaire en Web Développement junior
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2019
    Messages : 8
    Par défaut Menu-Hamburger en javascript
    Bonjours, je suis nouvelle en web dévellopement.. Je suis actuellement une formation Web dev. Pour cette formation, je dois crée un site et y implenter du javascript et plus tard du Php.....

    J essaye de faire mon bouton hamburger mais rien y fait.. A chaque fois, il me dit que mon button est null...

    Voila un morceau de mon code Javascript

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    //Bouton Hamburger 
     
    var button = document.getElementById(buttonnav);
    ;
     
    button.addEventListener('click', function(){
     
    	if(this.style.height == '100%'){
    		this.style.removeProperty('background-position'); // supprime une propriété d'un objet de style CSS.
    	}else{
    		this.style.backgroundPosition = '33% 20%';
    	}
    	button.classList.toggle('close');
    });

    Merci d'avance et bonne journée à tous et à toutes

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 496
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Suisse

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

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 496
    Par défaut
    Salut

    Si l'id du bouton est buttonnav alors il faut le mettre entre double quotes " " ou single quote ' '
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var button = document.getElementById("buttonnav");

  3. #3
    Membre éclairé Avatar de solo190
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Avril 2007
    Messages
    412
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 412
    Par défaut
    hello Solumiia,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var button = document.getElementById(buttonnav);
    ;
    il faudra aussi retirer ce point virgule qui ne sert à rien.
    A+

Discussions similaires

  1. menu sclect avec javascript
    Par Methode dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 24/12/2006, 16h29
  2. menu déroulant sans javascript
    Par Mitaka dans le forum Balisage (X)HTML et validation W3C
    Réponses: 17
    Dernier message: 23/12/2005, 16h15

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