Help JS je deviens fou ! Compter div ayant une classe spécifique

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Help JS je deviens fou ! Compter div ayant une classe spécifique

vanquishV12

se coucher tard nuit

Bonjour,

Je ne capte rien, ce script est censé compter les div ayant pour classe "menu" mais... il ne marche pas :

Code :

var divs = document.getElementsByTagName("div" ).length;
for(i = 0; i <= divs; i++){
if(document.getElementsByTagName("div" )[i].className == "menu" )
{
j++;
}
}
alert("Nombre de div correspondant : " + j);

pourquoi :??:

Publicité

cetplus

Wazard dans l'ombre

Woua, je sèche aussi. C'est censé te rassurer.
J'ai essayé tout plein de code et de possibilité mais je n'y arrive pas.
Je connais ça :
javascript:var Html,i;var Obj =document.getElementsByTagName('div');for ( i=0; i < Obj.length; i++){Html += Obj[i].innerHTML;}document.write(Html);

Mais même avec ça, j'y arrive pas. Je suis donc intéressé par la réponse

Message édité par cetplus le 11-10-2010 à 09:29:01

vanquishV12

se coucher tard nuit

Merci :cry:
Je comprends vraiment pas ce qui coince. Donc je suis obliger d'indiquer à la main le nombre de div, c'est la loose. Si quelqu'un a la solution...

Message édité par vanquishV12 le 11-10-2010 à 09:32:25

cetplus

Wazard dans l'ombre

Excuse moi, je viens de trouver : (facilement, hein ?? )

Code :

<script language="Javascript">
<!--
var Html,i;
var Obj =document.getElementsByTagName('div');
var s=0;
for ( i=0; i < Obj.length; i++){
var s=Number(s) + Number(1);
}
alert("Nombres de div : "+s);
//-->
</script>

Ensuite il faut ajouter les conditions. Je reviens ...

Ok voilà :

Code :

<p><div class="man">a</div>
<p><div class="man"></div>
<p><div class="man"></div>
<p><div class="man"></div>
<p><div class="man"></div>
<p><div class="youpi"></div>
<p><div class="youpi"></div>
<p><div class="youpi"></div>
<p><div class="youpi"></div>
<p><div class="youpi"></div>
<p><div class="youpi"></div>
<p><div class="youpi"></div>
<script language="Javascript">
<!--
var Html,i;
var Obj =document.getElementsByTagName('div');
var s=0;
for ( i=0; i < Obj.length; i++){
if (Obj[i].className == "man" )
{
var s=Number(s) + Number(1);
}
}
alert("Nombres de div : "+s);
//-->
</script>

Par contre pour que le script fonctionne, il faut ajouter une valeur dans une des div.
Tu peux toujours là cacher en indiquant :
<p><div class="man"><textarea style="display:none">a</textarea></div>

Message édité par cetplus le 11-10-2010 à 09:46:33

vanquishV12

se coucher tard nuit

Merci mais je n'ai pas compris ce que ne fonctionnait pas dans mon code!

cetplus

Wazard dans l'ombre

D'abord : var divs = document.getElementsByTagName("div" ).length;
Length ne doit jamais être mis comme "identificateur", c'est un attribut.
Ligne 3 : La reprise document.getElementsByTagName("div" ); vu qu'elle identifié par "divs".
Et apparemment j++; ne serait pas la bonne syntaxe, mais plutôt var j=Number(j) + Number(1); mais je ne peux pas te le garantir.
Je crois que c'est tout et que c'est un sacré capharnaüm dans ma tête.

Ah si, aussi for(i = 0; i <= divs; i++){ tu n'a pas mis de length.

Message édité par cetplus le 11-10-2010 à 09:56:54

vanquishV12

se coucher tard nuit

Bon, je vais essayer de comprendre. Merci.

cetplus

Wazard dans l'ombre

Tiens j'ai modifié ton script de base :

Code :

<p><div class="menu">a</div>
<p><div class="menu"></div>
<p><div class="menu"></div>
<p><div class="man"></div>
<script language="Javascript">
<!--
var j=0;
var divs = document.getElementsByTagName("div" );
for(i = 0; i < divs.length; i++){
if(divs[i].className == "menu" )
{
j++;
}
}
alert("Nombre de div correspondant : " + j);
//-->
</script>

Compare ! Là il fonctionne. Moi j'ai compris

vanquishV12

se coucher tard nuit

Ah donc c'est juste à cause d'une mauvaise utilisation de mon document.getElementsByTagName("div" ).length; !

Hé bhé !

Merci beaucoup

FORUM HardWare.fr

Programmation

HTML/CSS

Help JS je deviens fou ! Compter div ayant une classe spécifique

Sujets relatifs
Tester l'existence d'une classe en javascript mootools	Un php.ini spécifique pour un site (dédié)
[SVN/SVK] Comment gérer mon projet PHP -> Help configuration	classe liste avec alerte en cas de modification [résolu]
[JS] Problèmes avec listes déroulantes	Créer une classe héritée en Action script
Récupérer la valeur d'un bouton radio en JS	Recherche une idée sur la programation d'un site php simple (help) urg
[emploi] Recherche développeur PHP/HTML/JS disponible immédiatement	JS pour afficher/masquer div ne fonctionne pas
Plus de sujets relatifs à : Help JS je deviens fou ! Compter div ayant une classe spécifique

Page générée en 0.066 secondes