erreur child Résolu/Fermé

Question

Bonjour, 

j'ai une petite érreur

TypeError: node is null
	

var child_nodes_temp = node.childNodes;

	

    function childs(node)
    {
        var child_nodes_temp = node.childNodes;
        var child_nodes = new Array();
        for(var k = 0; k < child_nodes_temp.length; k++)
        {
            if(child_nodes_temp[k].nodeType == 1)
            {
                child_nodes.push(child_nodes_temp[k]);
            }
        }
        return child_nodes;
    }

merci de votre aide

il faut mettre une condition avec if ou else 

si vous pouvez prendre le temps merci de votre aide

Configuration: Windows / Chrome 50.0.2661.102

jordane45 · Answer

Bonjour,

Tu peux en effet mettre un if ....
par exemple :

korka · Answer

bonsoir donc j'ai refait le code

    function next(node)
    {
 if(node.nextSibling == 1) {   
 
 var next = node.nextSibling;
 
 if(next.nodeType == 1) { 
 while(next && next.nodeType != 1)
        {
            next = next.nextSibling;
          }
       }
         }
       return next;
    }


il me dit

TypeError: node is undefined

if(node.nextSibling == 1) {

merci

korka · Answer

enfaîte je te donne le code entier sans les modification faite afin que tu puisses voir si c'est bien ou il faut une petite modification à recorriger

/*
        On récupčre la SECTION principale.
        C'est dans celle-ci que le script va travailler
    */
    var main_section = document.getElementById('main_section');
     
    /*
        On initialise les MENUs et les PAGEs
        C'est ŕ dire qu'on active le premier
            TAB (onglet) de chaque SECTION
            et on affiche la PAGE correspondante
    */
    var menu = childs(main_section)[1];
    reset(menu);
     
    /*
        Cette fonction va selectionner le premier TAB du MENU fourni,
            et afficher la PAGE correspondante en faisant un RESET des
            MENUs qui sont dans le CONTENT
    */
    function reset(menu)
    {
        // En paralčlle au menu est le contenu Cf HTML
        var content = next(menu);
         
        // On reset le menu courant
        var tabs = childs(menu);
        for(var k = 0; k < tabs.length; k++)
        {
            // Si c'est le premier onglet du menu
            if(k == 0)
            {
                $(tabs[k]).removeClass('unactive').addClass('active');
                tabs[k].onclick = function(){ return false; };
            }
            // Sinon ..
            else
            {
                $(tabs[k]).removeClass('active').addClass('unactive');
                tabs[k].onclick = function(){ click(this); };
            }
        }
         
        // On reset les pages courantes
        var pages = childs(content);
        for(var k = 0; k < pages.length; k++)
        {
            if(k == 0)
            {
                $(pages[k]).removeClass('undisplayed').addClass('displayed');
            }
            else
            {
                $(pages[k]).removeClass('displayed').addClass('undisplayed');
            }
        }
         
        // On RESET les menus des pages
        var menus = content.getElementsByClassName('menu');
        for(var k = 0; k < menus.length; k++)
        {
            reset(menus[k]);
        }
    }
    /*
        Cette fonction selectionne le TAB fourni, active la PAGE correspondante,
            et RESET les MENUs du CONTENT.
    */
    function click(tab)
    {
        // Menu et content
        var menu = tab.parentNode;
        var content = next(menu);
         
        // On reset le menu courant
        var tabs = childs(menu);
        var n = -1;
        for(var k = 0; k < tabs.length; k++)
        {
            // Si c'est l'onglet sur lequel on a cliqué
            if(tabs[k] == tab)
            {
                n = k;
                $(tabs[k]).removeClass('unactive').addClass('active');
                tabs[k].onclick = function(){ return false; };
            }
            // Sinon ...
            else
            {
                $(tabs[k]).removeClass('active').addClass('unactive');
                tabs[k].onclick = function(){ click(this); };
            }
        }
         
        // On reset les pages courantes
        var pages = childs(content);
        for(var k = 0; k < pages.length; k++)
        {
            if(k == n)
            {
                $(pages[k]).removeClass('undisplayed').addClass('displayed');
            }
            else
            {
                $(pages[k]).removeClass('displayed').addClass('undisplayed');
            }
        }
         
        // On reset les menus des pages courantes
        var menus = content.getElementsByClassName('menu');
        for(var k = 0; k < menus.length; k++)
        {
            reset(menus[k]);
        }
    }
     
    /*
        Retourne le Noeud du DOM (hors noeud de text) suivant le node donné
    */
    function next(node)
    {
        var next = node.nextSibling;
        while(next && next.nodeType != 1)
        {
            next = next.nextSibling;
        }
        return next;
    }
    /*
        Retourne les Noeud du DOM (hors noeud de text) enfants du node donné
    */
    function childs(node)
    {
        var child_nodes_temp = node.childNodes;
        var child_nodes = new Array();
        for(var k = 0; k < child_nodes_temp.length; k++)
        {
            if(child_nodes_temp[k].nodeType == 1)
            {
                child_nodes.push(child_nodes_temp[k]);
            }
        }
        return child_nodes;
    }

il y a une erreur à ligne 

TypeError: node is null

var child_nodes_temp = node.childNodes;

container.js (ligne 134, col. 13)

j'ai remplacer ce code :

    function childs(node)
    {
        var child_nodes_temp = node.childNodes;
        var child_nodes = new Array();
        for(var k = 0; k < child_nodes_temp.length; k++)
        {
            if(child_nodes_temp[k].nodeType == 1)
            {
                child_nodes.push(child_nodes_temp[k]);
            }
        }
        return child_nodes;
    }

par

function childs(node)
{
  var child_nodes = new Array();
  if(typeof(node) !='undefined' && node != null ){
     var child_nodes_temp = node.childNodes;
     for(var k = 0; k < child_nodes_temp.length; k++) {
       if(child_nodes_temp[k].nodeType == 1) {
          child_nodes.push(child_nodes_temp[k]);
       }
    }
  }
 return child_nodes;
}



ensuite  une erreur à ligne 

TypeError: node is undefined

var next = node.nextSibling;

container.js (ligne 122, col. 13

j'ai remplacer ce code :

    function next(node)
    {
        var next = node.nextSibling;
        while(next && next.nodeType != 1)
        {
            next = next.nextSibling;
        }
        return next;
    }


par

    function next(node)
    {
   if(typeof(next) !='undefined' && next != null ){
       var next = node.nextSibling;
        while(next && next.nodeType != 1)
        {
            next = next.nextSibling;
  }
        }
        return next;
    }




ensuite ca me fait une erreur à ligne 

TypeError: content is undefined

var menus = content.getElementsByClassName('menu');

container.js (ligne 59, col. 13)
TypeError: content is undefined

var menus = content.getElementsByClassName('menu');

container.js (ligne 110, col. 13)

j'ai un doute pour remplacer 

le code ligne 59

        // On RESET les menus des pages
        var menus = content.getElementsByClassName('menu');
        for(var k = 0; k < menus.length; k++)
        {
            reset(menus[k]);
        }


le code ligne 110

        // On reset les menus des pages courantes
        var menus = content.getElementsByClassName('menu');
        for(var k = 0; k < menus.length; k++)
        {
            reset(menus[k]);
        }


voilà ou j'en suis 

le code est censé quand tu clique sur un menu ca change de page

korka · Answer

merci voilà le html

korka · Answer

j'ai corriger les bugs donc il n'y a plus de bug mais le script ne fonctionne pas quand je clique surles menue et sous menu

voilà le code que j'ai recoriger

/*
        On récupčre la SECTION principale.
        C'est dans celle-ci que le script va travailler
    */
    var main_section = document.getElementById('main_section');
     
    /*
        On initialise les MENUs et les PAGEs
        C'est ŕ dire qu'on active le premier
            TAB (onglet) de chaque SECTION
            et on affiche la PAGE correspondante
    */
    var menu = childs(main_section)[1];
    reset(menu);
     
    /*
        Cette fonction va selectionner le premier TAB du MENU fourni,
            et afficher la PAGE correspondante en faisant un RESET des
            MENUs qui sont dans le CONTENT
    */
    function reset(menu)
    {
        // En paralčlle au menu est le contenu Cf HTML
        var content = next(menu);
         
        // On reset le menu courant
        var tabs = childs(menu);
        for(var k = 0; k < tabs.length; k++)
        {
            // Si c'est le premier onglet du menu
            if(k == 0)
            {
                $(tabs[k]).removeClass('unactive').addClass('active');
                tabs[k].onclick = function(){ return false; };
            }
            // Sinon ..
            else
            {
                $(tabs[k]).removeClass('active').addClass('unactive');
                tabs[k].onclick = function(){ click(this); };
            }
        }
         
        // On reset les pages courantes
        var pages = childs(content);
        for(var k = 0; k < pages.length; k++)
        {
            if(k == 0)
            {
                $(pages[k]).removeClass('undisplayed').addClass('displayed');
            }
            else
            {
                $(pages[k]).removeClass('displayed').addClass('undisplayed');
            }
        }
         
        // On RESET les menus des pages
  if(typeof(menus) !='undefined' && menus != null ){
        var menus = content.getElementsByClassName('menu');
        for(var k = 0; k < menus.length; k++)
        {
            reset(menus[k]);
        }
         }
   }
    /*
        Cette fonction selectionne le TAB fourni, active la PAGE correspondante,
            et RESET les MENUs du CONTENT.
    */
    function click(tab)
    {
        // Menu et content
        var menu = tab.parentNode;
        var content = next(menu);
         
        // On reset le menu courant
        var tabs = childs(menu);
        var n = -1;
        for(var k = 0; k < tabs.length; k++)
        {
            // Si c'est l'onglet sur lequel on a cliqué
            if(tabs[k] == tab)
            {
                n = k;
                $(tabs[k]).removeClass('unactive').addClass('active');
                tabs[k].onclick = function(){ return false; };
            }
            // Sinon ...
            else
            {
                $(tabs[k]).removeClass('active').addClass('unactive');
                tabs[k].onclick = function(){ click(this); };
            }
        }
         
        // On reset les pages courantes
        var pages = childs(content);
        for(var k = 0; k < pages.length; k++)
        {
            if(k == n)
            {
                $(pages[k]).removeClass('undisplayed').addClass('displayed');
            }
            else
            {
                $(pages[k]).removeClass('displayed').addClass('undisplayed');
            }
        }
         
        // On reset les menus des pages courantes
  if(typeof(menus) !='undefined' && menus != null ){
        var menus = content.getElementsByClassName('menu');
        for(var k = 0; k < menus.length; k++)
        {
            reset(menus[k]);
        }
         }
    }
     
    /*
        Retourne le Noeud du DOM (hors noeud de text) suivant le node donné
    */
    function next(node)
    {
   if(typeof(next) !='undefined' && next != null ){
       var next = node.nextSibling;
        while(next && next.nodeType != 1)
        {
            next = next.nextSibling;
  }
        }
        return next;
    }
    /*
        Retourne les Noeud du DOM (hors noeud de text) enfants du node donné
    */
function childs(node)
{
  var child_nodes = new Array();
  if(typeof(node) !='undefined' && node != null ){
     var child_nodes_temp = node.childNodes;
     for(var k = 0; k < child_nodes_temp.length; k++) {
       if(child_nodes_temp[k].nodeType == 1) {
          child_nodes.push(child_nodes_temp[k]);
       }
    }
  }
 return child_nodes;
}

merci

jordane45 · Answer

Grosso modo.... tout ton code peut se traduire par :

// initialisation : Aucun menu selectionné
    raz_menu();
	
    // 	On retire la class active à tous les items du menu
	function raz_menu(){
	  $('#main_section > .menu > .tab').removeClass('active');
	}
	
	// lors du clic sur un item .. 
	$('#main_section > .menu > .tab').click(function(){
	  raz_menu();   // On retire la class active à tous les items du menu
          $(this).addClass('active'); // on lui met la class active
	});

du moins... pour le menu "principal".
Après... je ne sais pas de quoi tu parles lorsque tu parles des sous-menus vu que ton code html n'est pas complet....
Mais bon.. ça te donne une idée de comment ça marche.

Tu remarqueras que je n'ai pas mélangé de "pur" javascript et de jquery... TOUT est en jquery !

jordane45 · Answer

Donc : 1 - Ajout d'une class "fictive" pour identifier les sous-menus

Les salons
#1salon
#2salon
#3salon

korka · Answer

merci mais il n'y a pas de bug mais ca ne marche toujours pas

je t'ai fait une page avec l'ancien code 

http://communautaire.legtux.org/V1/module/contenaireavant.php

afin que tu puisse clique sur les onglets tu veras ceux qui appairait a chaque onglet et sous menu voir ceux que j'aimerais faire


maintenant voilà la page avec les modification  apporté avec toi

http://communautaire.legtux.org/V1/module/contenaireapres.php

les phrase disparaît pas lors du clique 

si tu veux on reprend ca demain

korka · Answer

je revien vers toi pour te dire j'ai compris mais ca fonctionne mai pas comi fault voilà la page teste je sais que je me suis tromper mais là je sèche je vais t'expliquer precisement qd tu actualise la page actuellement pour voir les sous menu il faut cliquer mais il faut lui dire sauf les 1, er onglet du menu et sous menu afin qu'on puisse voir le texte du 1 er onglet afin d’éviter de cliquer pour les sous menu ca ne veut pas cliquer j'ai bien mis data diffierent a chaque li je te met la page modifier http://communautaire.legtux.org/V1/module/contenaire.php et le code Document sans titre

en attendant ta réponse je vais reflechir merci

jordane45 · Answer

Voila : Document sans titre

officielle

perso

on affiche le 1 salon

on affiche le 2 salon

on affiche le 3 salon

Il y aura encore sûrement des ajustements à faire ... Mais cette fois..; TU PEUX t'en charger. Qui qu'il en soit... ta question initiale est traitée. Tu peux donc mettre cette discussion en RESOLUE et, si tu as d'autres questions/soucis ... ouvrir une nouvelle discussion. Bonne nuit.

Erreur child

10 réponses

Discussions similaires