Discussion :

[barzane]

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 :

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

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 :

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

[romaintaz]

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 :

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

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

devient donc :

Code :

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

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

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

Code :

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

jQuery("idForm:idComponent");

on échappera le ":" ainsi:

Code :

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

jQuery("idForm\\:idComponent");

[barzane]

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

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

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

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 :

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

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 :

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

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 :

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

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

[romaintaz]

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 :

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

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

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

Code :

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

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

[barzane]

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