...
2) Dans la maquette HTML du programme appelant :
· Insérer ce fichier Javascript à l'aide d'une balise SCRIPT dans le HEAD de la maquette : <script src=".../AWSLightBox.js" type="text/javascript"></script>
· Si l'utilisateur a spécifié son propre conteneur de "fenêtre cadre" (paramètre awsLBIfrCtn) alors insérer une balise DIV servant de conteneur et lui spécifier une valeur d'attribut ID : <div id="myContainer"></div>
· Si l'utilisateur a spécifié un conteneur de titre (paramètre awsLBTitleCtn) alors insérer une balise HTML conteneur et lui spécifier une valeur d'attribut ID : <div id="myContainer"><div id="myTitle"></div></div>
· Insérer dans la feuille de style liée à la page de l'appelant ou dans une balise STYLE placée dans le HEAD les classes CSS suivantes :
| Bloc de code | ||
|---|---|---|
| ||
/* Classe CSS pour le fond de la page appelante servant à l'assombrir lorsque la "fenêtre cadre" est affichée */
#awsDivOverlay {
background-color:#000000; /* couleur d'assombrissement */
filter:alpha(opacity=70); /* niveau de transparence pour IE */
opacity:0.7; /* niveau de transparence pour Firefox, Chrome */
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
z-index:999;
}
/* Classe CSS de l'IFRAME */
#awsIfrLightBox
{
width:100%;
height:100%;
}
/* Classe CSS du conteneur s'il s'agit d'un conteneur spécifié par l'utilisateur (paramètre awsLBIfrCtn) */
#myContainer {
position:absolute;
top:200px; /* non utilisé si le paramètre awsLBCenterY=true est spécifié */
left:200px; /* non utilisé si le paramètre awsLBCenterX=true est spécifié */
width:400px; /* non utilisé si le paramètre width=XXX est spécifié */
height:300px; /* non utilisé si le paramètre height=XXX est spécifié */
z-index:1000; /* toujours supérieur au z-index défini dans #awsDivOverlay */
display:none;
}
/* Classe CSS du conteneur par défaut si aucun conteneur n'a été spécifié par l'utilisateur (paramètre awsLBIfrCtn) */
#awsDivLB {
background-color:#CCFF00;
position:absolute;
top:200px; /* non utilisé si le paramètre awsLBCenterY=true est spécifié */
left:200px; /* non utilisé si le paramètre awsLBCenterX=true est spécifié */
width:400px; /* non utilisé si le paramètre width=XXX est spécifié */
height:300px; /* non utilisé si le paramètre height=XXX est spécifié */
z-index:1000; /* toujours supérieur au z-index défini dans #awsDivOverlay */
} |
...
3) Dans le L4G du programme appelé (programme en popup) :
Si l'ordre TERMINER est exécuté dans un événement Ajax alors sauter ce point.
...
| Bloc de code | ||
|---|---|---|
| ||
<filter>
<filter-name>AWSLightboxFilter</filter-name>
<filter-class>AWSLightboxFilter</filter-class>
</filter> |
après :
| Bloc de code | ||
|---|---|---|
| ||
<filter>
<filter-name>AWSAjaxFilter</filter-name>
<filter-class>com.hardis.adelia.webcommon.AjaxFilter</filter-class>
</filter> |
et rajouter :
| Bloc de code | ||
|---|---|---|
| ||
<filter-mapping> <filter-name>AWSLightboxFilter</filter-name> <url-pattern>*.jsp</url-pattern> </filter-mapping> |
après :
| Bloc de code | ||
|---|---|---|
| ||
<filter-mapping>
<filter-name>AWSAjaxFilter</filter-name>
<url-pattern>*.jsp</url-pattern>
</filter-mapping> |
...
AWSLightboxFilter$CharResponseWrapper.class
Ressources :
Fichier source Java : AWSLightboxFilter.java
Fichier AWSLightBox.js non compressé : AWSLightBox-noncompressé.js
...
| Contenu par étiquette | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|