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

Boucler sur un élément <ul>

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:

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:

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

ou

Code:

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

mais rien n'y fait.

Merci de m'aider...

Citation:
Envoyé par arnogb69
Code:

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:

$('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:

1 2 3 4 $$("#continent li").each(function(li) { });
Edit: si tu es habitué à jquery, tu peux aussi faire...

Citation:
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:

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...

Citation:

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

Quelle erreur ?
tu as bien prototype inclus ? :aie:
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 ?

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...

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

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:

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>

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

Merci bien gwyohm :ccool: