Forum de discussion
Forum « Programmation Javascript » (archives)
Re: dialogue popup->formulaire + recup des données
Envoyé: 11 septembre 2001, 8h25 par Oznog
Oui, c'est possible.
Tu as trois chose à faire.
1. Tu dois ouvrir la fenêtre (pop-up) par la page du formulaire, qui sera donc le "opener" du pop-up. C'est la seul façon qu'un fenêtre peut envoyer de l'info à une autre.
<script type="text/javascript" language="javascript">
<!-- Debut
function lien(url) {
popImg=window.open(url,'popImg');
}
// Fin -->
</script>
</head>
<body onLoad="lien('popImage.htm');">
2. Ton formulaire dois avoir un champ (text ou hidden) pour récupéré l'info transmise par l'image.
<input type="hidden" name="imageID" value="">
3. Finalement, le lien de ton image dois passer la valeur en fesant référence à l'"opener" donc la page du formulaire.
<a href="#" onClick="javascript:window.opener.document.monForm.imageID.value='ddd';"><img src="image.gif"></a>
Code complet.
<!-- Page du formulaire: -->
<html>
<head>
<script type="text/javascript" language="javascript">
<!-- Debut
function lien(url) {
popImg=window.open(url,'popImg');
}
// Fin -->
</script>
</head>
<body onLoad="lien('popImage.htm');">
<form name="monForm" method="post">
<input type="texte" name="imageID" value="">
<!-- Pour ne pas voir la valeur à l'écran -->
<!-- Utilise plutôt un champ "Hidden" -->
<!-- <input type="hidden" name="imageID" value=""> -->
</form>
</body>
</html>
<!-- Page du Pop-up "popImage.htm" -->
<html>
<head>
</head>
<body>
<a href="#" onClick="javascript:window.opener.document.monForm.imageID.value='LA référence à envoyer';"><img src="badmin.gif"></a>
</body>
</html>
Tu peux aussi faire une fonction dans le pop-up
<script type="text/javascript" language="javascript">
<!-- Debut
function refer(nVal) { window.opener.document.monForm.imageID.value = nVal
}
// Fin -->
</script>
Et l'appeler ainsi:
<a href="#" onClick="refer('ddd');"><img src="image.gif"></a>
Ciao
Oznog
Réponses
|
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion