Boucler sur un élément <ul>

**arnogb69** · 07/09/2010, 13h23

Bonjour à tous,
je ne connais pas tres bien prototype (plutot habitué à JQuery)...

Et là, je m'arrache les cheveux sur une question de débutant :
J'ai une liste, formée comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul id="continent">
 
<li>UE</li>													
<li>EUROPEHUE</li>												
<li>AMERIQUECE</li>												
<li>MOYENORIEN</li>											
<li>OCEANIE</li>												
<li>EXTREMEORI</li>												
<li>AMERIQUESU</li>												
<li>AMERIQUECA</li>															
<li>AMERIQUENO</li>
 
</ul>

Et d'ici, je veux donc simplement boucler sur les <li> de mon id 'continent' pour modifier la classe de celui qui m'intéresse.

J'ai tenté plusieurs choses, notamment :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('continent').select('li').each(function(e) {})

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('continent').each(function(element) {})

mais rien n'y fait.

Merci de m'aider...

**gwyohm** · 07/09/2010, 13h31

Envoyé par arnogb69

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul id="continent">
 
<li>UE</li>													
<li>EUROPEHUE</li>												
<li>AMERIQUECE</li>												
<li>MOYENORIEN</li>											
<li>OCEANIE</li>												
<li>EXTREMEORI</li>												
<li>AMERIQUESU</li>												
<li>AMERIQUECA</li>															
<li>AMERIQUENO</li>
 
</ul>

Et d'ici, je veux donc simplement boucler sur les <li> de mon id 'continent' pour modifier la classe de celui qui m'intéresse.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('continent').select('li').each(function(e) {})

C'est bien ce qu'il faut faire ; quel est le problème exactement ?
Note : si tu es habitué à javascript, tu peux aussi faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$$("#continent li").each(function(li) {
 
});

Edit: si tu es habitué à jquery, tu peux aussi faire...

**arnogb69** · 07/09/2010, 13h35

Envoyé par gwyohm

C'est bien ce qu'il faut faire ; quel est le problème exactement ?
Note : si tu es habitué à javascript, tu peux aussi faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$$("#continent li").each(function(li) {
 
});

J'ai tenté le $$, mais firebug me jette une erreur

Mon problème est simple : je ne rentre jamais dans ma boucle...

**gwyohm** · 07/09/2010, 14h50

J'ai tenté le $$, mais firebug me jette une erreur

Quelle erreur ?
tu as bien prototype inclus ?

et sans jQuery ... ou avec le mode no conflict ?
Tu es sur qu'au moment où ta fonction est appelée, le ul existe avec ses li ?

**arnogb69** · 07/09/2010, 15h04

Alors, dans l'ordre, l'erreur est "uncaught exception: [Exception... "Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE) [nsIDOMXPathEvaluator.evaluate]" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: http://monprojet/js/prototype/prototype.js :: anonymous :: line 1528" data: no]"'

Oui, j'ai bien prototype inclus, mais par contre, j'ai jQuery, et je ne sais pas à quoi correspond le mode no conflict

Enfin, je suis sûr qu'ils existent car la fonction est appelée sur un onclick sur mes li justement.

Pour info, je bosse sur du Magento...

**gwyohm** · 07/09/2010, 15h07

Si prototype et jquery sont sur la même page, tu peux avoir des conflits...
jette un oeil à
http://docs.jquery.com/Using_jQuery_...ther_Libraries

**arnogb69** · 07/09/2010, 15h10

j'étais en train de fouiller ça en effet...
le problème est que ça me fait manipuler jQuery, et non prototype du coup, ce qui n'est pas forcément ce que je souhaite

Edit : NON, on peut utiliser les 2...

Code :

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
<html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     var $j = jQuery.noConflict();
 
     // Use jQuery via $j(...)
     $j(document).ready(function(){
       $j("div").hide();
     });
 
     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
 </head>
 <body></body>
 </html>

**arnogb69** · 07/09/2010, 15h16

OK, tout fonctionne désormais.
Il s'agissait en effet d'un souci de conflit entre les deux bibliothèques

Merci bien gwyohm

Boucler sur un élément <ul> [Prototype]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager