Discussion :

[romaintaz]

Bonjour,

J'ai une application JSF (1.2 avec Facelets, Richfaces, etc) qui était exclusivement destinée à IE6. Désormais, on doit gérer aussi Firefox (ouf !).


J'ai une page contenant un formulaire, avec un bouton qui rafraichit ce formulaire. Lors du rafraichissement, j'ajoute des liens (<h:commandLink>) dans ce formulaire. En gros, j'ai un truc comme ça :

Code :

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

1
2
3
4
5
6
7
 
<h:form id="toto">
    ...
    <a4j:commandButton ... reRender="toto"/>
    ...
    <h:commandLink .../>
</h:form>

Mon souci vient du code du command link généré par JSF. En gros, il ressemble à ça :

Code :

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

<a href="#" onclick="if(typeof jsfcljs == 'function'){jsfcljs(document.forms['toto'],'...','');}return false">BLABLA</a>

(pour info, jsfcljs est la fonction Javascript générée par le composant <h:commandLink/>)

Mon souci, c'est que document.forms["toto"] fonctionne initialement, mais dès que le formulaire est regénéré suite au a4j:commandButton, ce code Javascript ne fonctionne pas sur FF (mais bien sur IE) :

Code :

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

1
2
3
var x = document.forms["toto"];
var y = document.getElementById("toto");
alert("1: " + x + "\n2: " + y);

me retourne :

Code :

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

1
2
1: undefined
2: [object HTMLFormElement]

Du coup, sur FF, j'ai une erreur Javascript quand je clique sur le lien, qui ne fonctionne pas du coup.

Une idée pour résoudre le problème (sans avoir à changer le reRender du <a4j:commandButton>) ?

[Sniper37]

tu as essayé de remplacer h:form par a4j:form?

[romaintaz]

Oui, même résultat avec a4j:form.

Mon idée sur le sujet : a4j voit qu'il doit remplacer mon formulaire toto. Il le supprime donc du DOM de ma page lorsque la réponse Ajax arrive, puis le rajoute à nouveau (avec le nouveau code HTML).

A mon avis, lorsque le Javascript rajoute le formulaire toto, le document.forms n'est pas mis à jour par le moteur JS de Firefox. Je le vois avec Firebug, quand je liste le contenu de document.forms à l'initialisation de ma page, j'ai 3 formulaires dedans. Après le rendu Ajax, je me retrouve avec seulement 2.
Du côté d'IE6, document.forms est bien mis à jour après le traitement de la réponse Ajax, et donc il contient toujours 3 formulaires...

Ce n'est pas dramatique, étant donné que j'ai modifié le code JSF pour faire de vrais reRender, mais bon, j'aurais aimé trouvé une solution à ce problème quand même...

[Sniper37]

et en utilisant aussi

Code :

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

<a4j:htmlCommandLink />

il me semble que a4j:form et a4j:htmlcommandButton corrigent le problème de reRender d'un h:commandLink, mais, je pensais que le problème existait pour tous les navigateurs, ou peut être il s'agit d'un autre problème.

[tchize_]

la solution la plus simple serait, je pense, de mettre un a4j:outputPanel comme premier élément de ton form. et tu ferais un rerender sur ce outputPanel. Ainsi ton form ne serait pas modifié.


Sinon, il y a un test pour ça dans le ACID3 (test 98)

Code :

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

1
2
3
 
doc.body.appendChild(doc.createElementNS("http://www.w3.org/1999/xhtml", "form"));
      assertEquals(doc.forms.length, 1, "document.forms not updated after inserting a form");

Tu peux peut etre le lancer et voir si il passe le test 98. Note que richfaces update peut être mal le DOM (form sans namespace) ?