Interaction RichFaces JQuery

Bonjour j'aimerai faire marcher ce petit bout de code mais voila, la balise repeat marche bien mais la raquette Jquery du richpanel ne s'exécute pas; et donc les panels s'affichent mais sans rendu html.

Code:

---

1 2 3 4 5 6 7 8 9 10

<h:form id="t"> <a4j:repeat var="item" value="#{mysession.listcom}">   <rich:panel style="width: 100%;align: left" id="comId" query="$('#comId').html(document.getElementById('t:myid').value)"/> #{item.texte} <h:inputText value="#{item.texte}" id="myid"/><br/>     </a4j:repeat> </h:form>

---

j'ai également essayé ceci sans succès

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<script type="text/javascript" src="./Scripts/jquery-1.5.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#comId').html(document.getElementById('t:myid').value);   });     </script> <h:form id="t"> <a4j:repeat var="item" value="#{mysession.listcom}">   <rich:panel style="width: 100%;align: left" id="comId"/> #{item.texte} <h:inputText value="#{item.texte}" id="myid"/><br/>     </a4j:repeat> </h:form>

---

Mon problème (je pense) est dans la gestion des sélecteurs jquery. Comment faire passer les variable jsf (avec leur #) vers jquery sans créer de confits, jquery utilisant aussi le #.
:ccool:

Hello,

Quand on utilise jQuery avec Richfaces, on doit utiliser jQuery et non $ (ce dernier référençant en réalité prototype).

Un code contenant :

Code:

---

$(document).ready(function(){ ... }

---

devient donc :

Code:

---

jQuery(document).ready(function(){ ... }

---

Ensuite, pour les ID, au lieu d'écrire :

Code:

---

jQuery("idForm:idComponent");

---

on échappera le ":" ainsi:

Code:

---

jQuery("idForm\\:idComponent");

---

Ok Romaintaz,
Sauf que ce bout de code marche parfaitement chez moi

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<script type="text/javascript" src="./Scripts/jquery-1.5.2.min.js"></script> <script type="text/javascript" > $(function(){ $('.flatx').html(document.getElementById("navigationTab:msg").value); Jobject=$('.0x').clone(false); var valeur=Jobject.attr("value"); $('.0').html(valeur); Jobject=$('.1x').clone(false); var valeu=Jobject.attr("value"); $('.1').html(valeu); Jobject=$('.2x').clone(false); var vale=Jobject.attr("value"); $('.2').html(vale); });   </script>

---

J'ai réussi à pouvoir formater les styleClass de mes objets à créer dynamiquement et dont je ne connais pas le nombre

Code:

---

1 2 3 4 5 6 7

<a4j:repeat var="item" value="#{mysession.list2com}" styleClass="tripleX">   <rich:panel style="width: 100%;align: left" styleClass="#{item.id}"/> #{item.com.texte} <h:inputText value="#{item.com.texte}" styleClass="#{item.id}x"/><br/>   </a4j:repeat>

---

En fait je voudrais afficher des commentaires liés à un article et le texte est en html.
Mon problème aujourd'hui est mon code javaScript qui ne respecte pas le "parsing xml". Voici la fonction Javascript:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<script type="text/javascript" src="./Scripts/jquery-1.5.2.min.js"></script> <script type="text/javascript" > $(function(){ $('.flatx').html(document.getElementById("navigationTab:msg").value); for(var i = 0 ; i < 100 ; i++){ Jobject=$('.'+i+'x').clone(false); var valeur=Jobject.attr("value"); $('.'+i).html(valeur); } });   </script>

---

Ceci me génère l'erreur

Code:

---

1 2	Error Parsing /article.xhtml: Error Traced[line: 48] The content of elements must consist of well-formed character data or markup.

---

La ligne 48 étant

Code:

---

1 2	for(var i = 0 ; i < 100 ; i++){

---

Il est claire que c'est le "<" qui crée problème, comment le contourner.
Comment pourrais-je mettre mon code dans un tout autre fichier .js et l'appeler dans ma page?
Pour info j'utilise Jsf 2 et Richfaces 4
Merci:ccool:

Hello,

Vu que tu utilises Richfaces, jQuery est déjà intégré, donc pas la peine de recharger cette librairie. Ca risque de faire des conflits...

Pour ton problème, c'est que tu mets un caractère < dans ta page, qui est censée respecter le format XML. Donc 3 choix :

1. Tu remplaces < par &lt;, ce qui donne :

Code:

---

1 2 3

for (i = 0; i < 100; i++) { ... }

---

2. Mets tout ton code JavaScript entre <![CDATA[ et ]]>, ce qui revient à écrire :

Code:

---

1 2 3 4 5 6

<script type="text/javascript"> <![CDATA[ $(function ...   ]]> </script>

---

3. Tu externalises tout ton code JavaScript dans un fichier, que tu importes ensuite dans ta page XHTML...

Désolé pour le retard mais j'avais déjà résolu le problème en optant pour la troisième solution.
Merci:ccool: