Version 1.0.0 - 2006/01/31

popup

   Afficher une popup 
 
center (obligatoire) : option de centrage
class : nom de la css de la tague
event (obligatoire) : nom de l'evenement genere sur le click
height (obligatoire) : hauteur
name (obligatoire) : nom de la popup
open (obligatoire) : nom de la propriete de la popup
resizable (obligatoire) : option de bordure
scrollbars (obligatoire) : option de bar de defilement
style : style de la tague
type (obligatoire) : type d'action a generer
width (obligatoire) : largeur
Exemple:

  public function showHelpContextEvent( ) {
    $this->getHelpPopup( )->setHelpContext($this->helpContext);
    $this->getHelpPopup( )->open($this);
  }




… 
     <tr>
        <td class="command">
         <html:popup
           name="helpImage"
           type="ACTION"
           open="helpPopup" 
           center="true" 
           resizable="false" 
           scrollbars="true" 
           width="400" 
           height="600"
           event="showHelpContext"
           class="command">
          <img src="<noas:base/>public/images/bridge-help.gif" 
                   class="command"/>
         </html:popup>
         <html:popup
           name="helpText"
           type="ACTION"
           open="helpPopup" 
           center="true" 
           resizable="false" 
           scrollbars="true" 
           width="400" 
           height="600"
           event="showHelpContext"
           class="command">
          <noas:resource gui="BRIDGE_HELP"/>
         </html:popup>   
        </td>            
      </tr>

Afficher une popup. Les fenêtres popup sont très pratique dans le développement web. Elles permettent, entre autres, de présenter une grande quantité d’information ou de captiver l’utilisateur sur des éléments temporaires. Il existe trois types de fenêtre popup, le type « ACTION », le type « SUBMIT » et le type « NONE». Le premier signifie que la fenêtre ne s’ouvrira qu’après en avoir fait la demande explicite dans une méthode événementielle. Cette façon d’ouvrir les fenêtres peut être gênante dans certain cas. Si par exemple l’utilisateur saisissait un formulaire, toutes ses modifications non sauvegardées seront effacées. Le deuxième type effectue d’abord le postage du formulaire, c’est la seule différence. Le dernier type sous-entend que la fenêtre va être affichée directement sans passer par une demande implicite (lien direct sur la page). Vous aurez pu vous attendre à voir le type « MODAL » mais les trop grandes divergences des navigateurs nous ont forcées de laisser le soin au développeur d’intégrer ses propres logiques de modalité, qui se résume à un petit bout de java script.

 

© 2005 Réoka Djohou, tous droits réservés.