Bonjour
BOÎTES DE DIALOGUE POPUPS :
Je vous conseille de voir la page web
'Cours Javascript->Les boîtes de message : Zone HTML / XHTML (V5.0)' !
Et particulièrement voyez les deux boutons en bas de page : BOUTON 'voir return false' et BOUTON 'voir return true'.
showModalDialog() : Info : La méthode javascript showModalDialog(url, arguments, parametres) est propre à Internet Explorer version>= 4. Elle permet d'avoir une boîte de dialogue plus personnalisée et dans laquelle des traitements peuvent être effectués. Elle est composée de trois parties : - l'url de la page html. - l'argument (information) à faire passer dans la boîte de dialogue.
- les paramètres de la boîte de dialogue. La boîte de dialogue renvoie une valeur (window.returnValue = "valeur") une fois fermée. On l'écrit: Exemple de code : var m=showModalDialog("url de la page htmll" , "argument" , "paramètre"); / Les paramètre: - scroll ( yes|no ) affiche les scrollbarres - center ( yes|no ) affiche la boîte center - dialogWidth longueur de la boîte - dialogHeight hauteur de la boîte - dialogTop position x de la boîte - dialogLeft position y de la boîte - dialogHide masque la boîte - edge ( sunken|raised ) style des arêtes de la boîte - help ( yes|no ) affiche l'icône d'aide - resizable ( yes|no ) autorise le redimensionnement - status ( yes|no ) affiche la barre d'état - unadorned ( yes|no ) affiche la boîte sans élément de contrôle / On l'écrit comme ceci : Exemple de code : var m = showModalDialog("showmodaldialog.html", "", "dialogWidth=100; dialogHeight=100");
L'exemple ci-dessous montre une autres façon de faire que celle indiquée dans la citation ci-dessus. Dans Mozilla Firefox 3.0.4 Fr un semblant de boîte de dialogue peut s'afficher même si les popups sont interdits. JavaScript doit être activé mais toutes les options dans 'Paramètres JavaScript avancés' peuvent être décochées (= moi je désactive tout dans 'Paramètres JavaScript avancés' = je décoche tout).
Exemple (VOIR ICI POUR LA SOURCE :
http://www.aliasdmc.fr/coursjavas/cours ... ipt85.html)
Il semble que l'on ne puisse pas faire passer plusieurs arguments. Le seul moyen est de créer un Objet :
Exemple de code :
Code : Tout sélectionner
var mo = new Object();
mo.nom ="dmc";
mo.prenom="alias";
var m = showModalDialog("showmodaldialog.html", mo, "status=no; scroll=no; help=no; unadorned=yes");
if(m==true){
alert("le nom et prénom sont bons.");
}else{
alert("le nom et prénom ne sont pas bons.");
}
Dans la page showmodaldialog.html pour recupérer l'objet mo :
Exemple de code :
Code : Tout sélectionner
if(window.dialogArguments.prenom == "alias" && window.dialogArguments.nom == "dmc"){
window.returnValue = true;
window.close();
}else{
window.returnValue = false;
window.close();
}
**************
Source de la page qui s'ouvre comme une boîte de dialogue :
BOUTON 'voir return false' ou BOUTON 'voir return true' :
http://www.aliasdmc.fr/coursjavas/exemp ... ialog.html
Code : Tout sélectionner
<html>
<head>
<title>showModalDialog</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin=10 topmargin=10 bgcolor="#CCCCCC" text="#000000" marginwidth="10" marginheight="10">
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>
<font face="Arial, Helvetica, sans-serif" size="2">Code :<br>
<font color="#CC0000"><script language="JavaScript" type="text/javascript"><br>
<br>
document.write(window.dialogArguments.prenom);<br>
document.write("<br>");<br>
document.write(window.dialogArguments.nom);<br>
<br>
if(window.dialogArguments.prenom=="alias" && window.dialogArguments.nom=="dmc"){ </font></font> <font face="Arial, Helvetica, sans-serif" size="2" color="#CC0000"> window.returnValue = true;<br>
}else{ <br>
window.returnValue = false;<br>
}<br>
<br>
</script><form method="post"><br>
<center><input type="button" name="Submit" value="ok" onclick="window.close();"></center><br>
</form></font><br>
<script language="JavaScript" type="text/javascript">
document.write(window.dialogArguments.prenom);
document.write("<br>");
document.write(window.dialogArguments.nom);
if(window.dialogArguments.prenom=="alias" && window.dialogArguments.nom=="dmc"){
window.returnValue = true;
}else{
window.returnValue = false;
}
</script><form method="post">
<center><input type="button" name="Submit" value="ok" onClick="window.close();"></center>
</form>
</td>
</tr>
</table>
</body>
</html>
**************
Contenu de la page qui s'ouvre comme une boîte de dialogue :
BOUTON 'voir return false' ou BOUTON 'voir return true' :
(Un BOUTON 'ok' est rajouté en plus et également un peu de texte)
http://www.aliasdmc.fr/coursjavas/exemp ... ialog.html
Code : Tout sélectionner
<script language="JavaScript" type="text/javascript">
document.write(window.dialogArguments.prenom);
document.write("<br>");
document.write(window.dialogArguments.nom);
if(window.dialogArguments.prenom=="alias" && window.dialogArguments.nom=="dmc"){ window.returnValue = true;
}else{
window.returnValue = false;
}
</script><form method="post">
<center><input type="button" name="Submit" value="ok" onclick="window.close();"></center>
</form>
Merci
