Discussion :

[intissar_g]

Bonjour,
J'ai un formulaire jsf qui contient un html:inputText dont le id est txtnom, je veux remplir ce champs de texte à partir d'un popup qui contient une liste de tous mes enregistrement de noms.

Pour cela, j'ai mis sur la page popup, un datatable qui contient l'ensemble des noms sous la forme

Code :

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

1
2
3
4
5
<h:dataTable value="#{Personne1.personnes}" var="pers">								
				<h:column>												
			 	 <h:outputLink value="javascript:window.remplir(#{pers.nom})"><h:outputText value="#{pers.nom}"/></h:outputLink>
				</h:column>								
			</h:dataTable>

et voici le code de la fonction remplir

Code :

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

1
2
3
4
5
6
7
8
 
<SCRIPT language="javascript">
    function remplir(nom) 
    {      
      window.opener.document.getElementById('txtnom').values=nom;
      window.close();
    }
 </SCRIPT>

Mais ça ne fonctionne pas, je ne sais pas d'ou ça vient.
Merci d'avance

[romaintaz]

c'est normal, car l'ID de ton champ n'est pas txtnom, parce que l'ID est préfixé par l'ID du formulaire où il se trouve :

Code :

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

1
2
3
<h:form id="xx">
    <h:inputText id="txtnom"/>
</h:form>

L'ID exact sera xx:txtnom.

[intissar_g]

salut,
J'ai remplacé txtnom par id_formulaire.txtnom mais ca donne absolument rien

[romaintaz]

Tu sépares l'id du formulaire et de l'input par un '.' ? Le séparateur est ':' !

Ce que tu peux faire c'est au début de ta fonction Javascript :

Code :

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

1
2
3
4
...
var obj = window.opener.document.getElementById("id_formulaire:txtnom");
alert("L'objet: " + obj);
...

Ca te permettra de voir si le Javascript trouve bien ton élément...

[intissar_g]

Oui ça a marché, merci beaucoup

[intissar_g]

salut, ca marche avec les inputtext mais pas avec les outputText, quelqu'un peut m'aider????????

[romaintaz]

Normal.

Un inputText va créer un objet HTML input, et changer sa valeur par du javascript se fait comme ça :

Code :

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

document.getElementById("...").value = "ma valeur";

L'outputText créer un objet HTML span, qui ne dispose pas de la propriété value. Pour changer "sa valeur", ou plus exactement son contenu, on fera ceci :

Code :

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

document.getElementById("...").innerHTML = "ma valeur";

[intissar_g]

yes ça fonctionne merci beaucoup