Popup special(modal - modeless dialog)

Commenter

Contenu du snippet

C'est un petit tutoriel qui vous permet d'afficher un MODAL ou MODELESS DIALOG en quelques lignes de code. Voir la capture pour un exemple.

Source / Exemple : 


MODAL DIALOG
showModalDialog()

MODELESS DIALOG
showModelessDialog()

1) La syntaxe du code:

window.showModalDialog(sUrl [, sArguments] [, sAutre]);
window.showModelessDialog(sUrl [, sArguments] [, sAutre]);

a) sUrl: URL du site à ouvrir dans le dialogue
b) vArguments: Paramètre facultatif pour passer une valeur de n'importe quel type au dialogue
c) sAutre: Vous pouvez ajouter des paramètres facultatifs ici. Voici la liste des paramètres:
     
    dialogHeight: la hauteur du dialogue
    dialogLeft: position X du dialogue
    dialogTop: position Y du dialogue
    dialogWidth: la largeur du dialogue
    center: centrer le dialogue ( yes | no | 1 | 0 | on | off ) 
    dialogHide: rendre invisible le dialogue ( yes | no | 1 | 0 | on | off ) 
    edge: bordure ( sunken | raised ) 
    help: bouton '?' en haut avec le titre ( yes | no | 1 | 0 | on | off ) 
    resizable: l'utilisateur peut changer les grandeurs du dialogue ( yes | no | 1 | 0 | on | off )
    scroll: ( yes | no | 1 | 0 | on | off )
    status: barre d'état ( yes | no | 1 | 0 | on | off )
    unadorned: ( yes | no | 1 | 0 | on | off )

Les modelessdialog sont indépendants des pages visitées. Vous pouvez les tasser et bouger la page que vous visiter tandis que les modaldialog restent devant la page.

2) Exemple:

<script>
window.showModalDialog('page.html','','dialogHeight: 400px; dialogWidth: 500px; center: Yes; help: No; resizable: No; status: No;');
</script>

Conclusion :


merci de m'aviser s'il y a des bugs

bob3000
http://www.netdude.tk

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (bob3000)