javascript de la théorie à la pratique

Version imprimable

Voir 40 message(s) de cette discussion en une page

17/03/2011, 15h54
Loceka

Citation:

Envoyé par SpaceFrog

avec jquery

Code:

$('li>a').length

:whistle:

Tu vas te faire taper par Auteur :no:
17/03/2011, 15h57
javatwister

et en plus, quel est l'intérêt? :mrgreen:
17/03/2011, 16h06
SpaceFrog

Citation:

Tu vas te faire taper par Auteur

pour quelle raison ?

et pis qu'il y vienne d'abord :grin:
17/03/2011, 16h53
Alba.1337

Fiou, je viens de venir à bout de ce TP, grâce à vous!
Merci bien!
17/03/2011, 16h53
Loceka

Citation:

Envoyé par SpaceFrog

pour quelle raison ?

Parce que tu utilises un script de 200ko pour une simple méthode qui fait 10 lignes de code !
17/03/2011, 16h59
SpaceFrog

83 Ko !!!!

mais je n'ai jamais dit qu'il fallait utiliser jquery juste pour cela...
je souligne juste que si l'on est dans un contexte jquery ...

Citation:

Envoyé par Loceka

Du coup tu aurais mieux fait de l'écrire comme ça :

Code:

1
2
3
4
5
6
7
8
function compter(){
   var li = document.getElementsByTagName('li');
   var cpt = 0;
   for (i=0; i<li.length; i++){
      cpt += li[i].getElementsByTagName('a').length;
   }
   alert(cpt);
}

:nono:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
		<ul>
			<li><a>1</a></li>
			<li><a>2</a></li>
			<li><a>3</a></li>
			<li><a>4</a></li>
			<li>
				<ul>
					<li><a>5</a></li>
					<li><a>6</a></li>
				</ul>
			</li>
		</ul>
		<script type="text/javascript">
                   var li = document.getElementsByTagName('li');
                   var cpt = 0;
                   for (i=0; i<li.length; i++){
                      cpt += li[i].getElementsByTagName('a').length;
                   }
                   alert(cpt);
                </script>
	</body>
</html>

Renvoie 8 et non 6 : il y a des balises a comptées 2 fois vu qu'elles ont 2 ancêtres li ;)

bien vu encore (chuis trop vieux pour ces c...ies)

donc

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function compter(){
 
var l=document.links, cpt=0;
 
for(i=0;i<l.length;i++){
	if(l[i].parentNode.nodeName=="LI"){
		cpt++
	}
}
 
alert(cpt)
 
}

17/03/2011, 18h57
SpaceFrog

Code:

if(l[i].parentNode.nodeName.toUpperCase()=="LI"){

comme qui y'a pas d'age ^^
18/03/2011, 00h44
javatwister

non non, je confirme, les nodeName sortent en majuscule jusqu'à nouvel ordre ;)

sur ce, je vais me coucher :mrgreen:
18/03/2011, 08h25
SpaceFrog

de façon crossbrowser ? j'en mettrais pas le fil de ma souris sans fil à couper ...
18/03/2011, 09h02
Willpower

Citation:

Envoyé par SpaceFrog

de façon crossbrowser ? j'en mettrais pas le fil de ma souris sans fil à couper ...

Quasi certain !
18/03/2011, 09h13
javatwister

tu verras, quand tu auras mon âge et ma sagesse: tu découvriras la lumière, petit scarabée :mrgreen:

ceci dit, c'est un archaïsme voué à disparaître, j'espère;
18/03/2011, 09h18
SpaceFrog

t'es pas plus jeune que moi toi ? ^^

Voir 40 message(s) de cette discussion en une page