Discussion :

[el_harrathi]

Bonjour,
j'ai un pb avec le composant a4j:commandButton .j'aimerais que qu'on je click qu'il appel une fonction javascript.c simple mais ça fonctionne pas.j'ai chercher beaucoup mais comme je suis debutant je peux faire des betise.
voila ma page xhtml:

Code :

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

1
2
3
4
5
<a4j:commandButton value="verifier"  
						 execute="@form" action="#{customerEditBean.verifierAdmin}" onclick="showresult()">
					  	<a4j:param name="customer_id" value="document.getElementById('aRespnsableInput').value" noEscape="true"
							assignTo="#{customerEditBean.cINAdmin}"></a4j:param> 
			</a4j:commandButton>

et voila 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
 <ui:define name="scripts">
  <script type="text/javascript" >
  function showresult(){
  var admin=document.getElementById('Hiddenvalue').value;
  window.alert(admin);
  if (admin==1){
  document.getElementById('checkValue').value='OK'
  }
  else {document.getElementById('checkValue').value='KO'}
  }
  </script>
  </ui:define>

quand je click sur le bouton verifer rien ne ce passe dans la fonction javascript
tout aide sera apprecier
merci

[wiss85]

Bonjour

utilise un déboguer web pour vérifier s'il existe des erreurs dans le code javascript .

[el_harrathi]

merci wissem
effectivement ça viens du javascript et non du jsf
le code javascript ne peux pas voir mon tag de type hidden.je sais pas si c due a mon pg ou javascript et comme ça.
reste averifer

[el_harrathi]

finalement j'ai trouve d'ou viend l'erreur.
l'id de l'element affiche en html n'est pas exactement celui qu'on ecrit en jsf
par exemple Hiddenvalue deviens mainForm2:Hiddenvalue en html.

[romaintaz]

Oui, en effet. Pour information, l'ID d'un composant JSF, une fois le code HTML généré, va être son ID préfixé par l'ID des différents containeurs dans lequel il se trouve, séparé(s) par un ":". Un containeur est un composant JSF implémentant l'interface NamingContainer. On trouve en particulier les formulaires ou les tableaux...

Ainsi, pour le code :

Code xml :

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

1
2
3
<h:form id="foo">
    <h:inputText id="bar" .../>
</h:form>

le tag HTML input aura l'ID foo:bar. C'est utile de le savoir quand on fait du JavaScript