Popup avec JSF

Comment ouvrir une fenêtre de popup depuis une page JSF ? ...


Problème

Une application doit ouvrir une fenêtre indépendante en réaction au clic sur un command link. La fenêtre affiche des données liées aux données de la fenêtre appelante. ...

Solution DHTML

Plutôt que de lancer une vrai fenêtre en popup, celle-ci peut être remplacée par un composant DHTML (http://www.jenia.org).

Solution avec Javascript

Un exemple de popup par ouverture d'une fenêtre de navigateur a été testée, sans réussite (cf. http://www.jsftutorials.net/interface/jsf-popup.html).

L'exemple de popup ne fonctionne qu'avec JSF 1.0. Pour l'adapter à JSF 1.1, il faut appliquer une petite modification expliquée dans la fonction showPlaceList.

 function showPlaceList(action, form, target) {
   formId=action.form.id;
   features="height=300,width=250,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes";
   winId=window.open(,'list',features); // open an empty window
 
   hform=document.forms[form]; // reference to the hidden form
 		  
   // Copy the current country variable value
   // to the corresponding field of the hidden form.
   hform[form+":country"].value = getCountry(action.form);
 
   // Submit the hidden form. 
   // The output will be sent to the just opened window.
   document.getElementById(form+':'+target).onclick();
 }

L'exemple ainsi modifié fonctionne avec JSF 1.1, et plus particulièrement avec MyFaces.

Solution simple

Cependant, certaines fonctionnalités proposées par l'exemple ne sont pas forcément utiles et une solution plus simple peut être envisagée. Il suffit en effet de préciser target="#" dans un commandLink pour qu'une navigation traditionnelle se transforme en navigation avec ouverture d'une nouvelle fenêtre. Par contre, dans ce fonctionnement, la nouvelle fenêtre s'ouvre dans un navigateur standard, avec les barres de menu, de navigation et autres ; cela impose une mise en forme (javascript) supplémentaire dans la fenêtre nouvellement ouverte.