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 :

Java script et Onglets


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2009
    Messages : 2
    Par défaut Java script et Onglets
    J'ai un petit problème avec ce java script pour gérer les onglets d'un menu :

    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
    15
    16
    17
    18
    19
    20
    <script type="text/javascript">
    <!--
    function multiClass(eltId) {
    	arrLinkId = new Array('_0','_1','_2','_3');
    	intNbLinkElt = new Number(arrLinkId.length);
    	arrClassLink = new Array('current','ghost');
    	strContent = new String()
    	for (i=0; i<intNbLinkElt; i++) {
    		strContent = "menu"+arrLinkId[i];
    		if ( arrLinkId[i] == eltId ) {
    			document.getElementById(arrLinkId[i]).className = arrClassLink[0];
    			document.getElementById(strContent).className = 'on content';
    		} else {
    			document.getElementById(arrLinkId[i]).className = arrClassLink[1];
    			document.getElementById(strContent).className = 'off content';
    		}
    	}	
    }
    -->
    </script>


    Je reçois un message d'erreur "document.getElementById(arrLinkId[i]) is null" pour le code suivant :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div id="container">
    	<ul id="menu">
    		<li class="menu0">
    			<a href="#" id="_0" class="current" onclick="multiClass(this.id)">Tournoi A Venir</a>
    		</li>
    		<li class="menu1">
    			<a href="#" id="_1" class="ghost" onclick="multiClass(this.id)">Tournoi Freerolls</a>
    		</li>
    	</ul>
     
    	<div id="menu_0" class="on content">...............</div>
    		<div id="menu_1" class="off content">............................................</div>
    </div>

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut et Bienvenue sur le Forum.
    C'est normal car il n'y a pas d'élément avec les id '_2','_3' dans ton HTML.
    Enlève les de ton Array.
    Code JAVASCRIPT : Sélectionner tout - Visualiser dans une fenêtre à part
    arrLinkId = new Array('_0','_1');

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2009
    Messages : 2
    Par défaut
    Merci pour ta réponse rapide, le code fonctionne dorénavant. Merci

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

Discussions similaires

  1. onglet de menu avec java script
    Par Invité dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 26/07/2011, 19h16
  2. [Info] java script dans eclipse
    Par bf83 dans le forum Eclipse Java
    Réponses: 3
    Dernier message: 29/03/2006, 14h19
  3. [Java Script] Lien avec infobulle...
    Par greg1386 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 09/02/2006, 21h15
  4. Java script + JSP : Passage de données
    Par Rastapwalu dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 12/12/2005, 15h58
  5. info bulles en java script
    Par romjel dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 24/08/2005, 01h47

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