Modal et page appelante

Commenter

Contenu du snippet

Ce code permet aprés avoir affiché une fenetre modal, de retourner une valeur saisi afin de l'inserer dans un input texte.

Source / Exemple : 


à ecrire dans une page html simple qui ouvre une fenetre Modal
<html>
<script>
  function afficheModal() {
    var test = "";
    test = window.showModalDialog('testModal.html','popup','dialogWidth=400, dialogHeigh=300');
    window.document.forms['testForm'].elements['texte'].value = test;
  }
</script>
<body onload="javascript: afficheModal()">
<form name="testForm">
<p>test de l'affichage du popup modal et de la recuperation de la valeur dans un champ input</p>
  <input type="text" id="texte">
</form>
</body>
</html>

Ensuite dans la page testModal.html qui est notre fenetre modal on ecrit le code suivant pour recuperer la valeur choisi dans un select

<html>
<script>
function retourVal() {
window.returnValue = window.document.forms['testModalForm'].elements['selectTest'].value;
 window.close();
}
</script>
<body>
<form name="testModalForm">
<select name="selectTest">
  <option value="toto">toto</option>
  <option value="titi">titi</option>
</select>
<input type="button" value="valid" onclick="javascript: retourVal();">
</form>
</body>
</html>

bon courage

Conclusion :


s'il ya des bugs envoyé les mois histoire que je modifie ;)

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 (steveurcle)