A voir également:
- [javascript] prob popup + frame
- Telecharger javascript - Télécharger - Langages
- Javascript round ✓ - Forum Javascript
- Uma frame buffer size ✓ - Forum Matériel informatique
- Table de multiplication javascript ✓ - Forum Javascript
- Popup firefox - Guide
2 réponses
HackTrack
Messages postés
618
Date d'inscription
vendredi 26 juillet 2002
Statut
Membre
Dernière intervention
13 juillet 2013
972
24 juin 2004 à 10:06
24 juin 2004 à 10:06
La solution est ci-dessous.
Le plus simple est d'appeler depuis ta popup une fonction javascript de la fenêtre qui a ouvert cette popup en lui passant les arguments nécessaires.
Dans cette fonction, tu fermes la popup et tu vas modifier les valeurs des champs.
Tu trouveras ci-dessous 4 fichiers HTML de démo que tu dois copier dans le même répertoire.
Fichier "index.html"
Fichier "top.html"
Fichier "bottom.html"
Fichier "PopupCCM.html"
;-)
Le plus simple est d'appeler depuis ta popup une fonction javascript de la fenêtre qui a ouvert cette popup en lui passant les arguments nécessaires.
Dans cette fonction, tu fermes la popup et tu vas modifier les valeurs des champs.
Tu trouveras ci-dessous 4 fichiers HTML de démo que tu dois copier dans le même répertoire.
Fichier "index.html"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <frameset name ="main"rows="25%,*"> <frame name="topFrame" src="top.html" /> <frame name="bottomFrame" src="bottom.html" /> </frameset> </body> </html>
Fichier "top.html"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Top frame</title>
<script language="javascript" type="text/javascript">
var w;
function openPopup(){
w = window.open('PopupCCM.html','','status=yes, width=320, height=140');
}
function update(field_1_value, field_2_value){
w.close();
top.bottomFrame.document.getElementsByName("welcome")[0].value=field_1_value;
top.bottomFrame.document.getElementsByName("goodbye")[0].value=field_2_value;
}
</script>
</head>
<body>
<span onclick="openPopup();" style="background-color: #8888ff; color: eeeeee; border: #4444ff 1 solid; font-family: Arial, Times; font-weight: bold; padding: 4 4 4 4; cursor: hand;">
Test
</span>
</body>
</html>
Fichier "bottom.html"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Bottom Frame</title> </head> <body> <h3>Messages d'accueil:</h3> <br> <form> <table> <tr> <td>Message de bienvenue:</td> <td><input type="text" disabled name="welcome" /></td> </tr> <tr> <td>Message d'au revoir:</td> <td><input type="text" disabled name="goodbye" /></td> </tr> </form> </body> </html>
Fichier "PopupCCM.html"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>PopupCCM</title>
<script language="javascript" type="text/javascript">
function update(){
select_1 = document.getElementsByName("sel_1")[0];
field_1_value =select_1.options[select_1.selectedIndex].value;
select_2 = document.getElementsByName("sel_2")[0];
field_2_value =select_2.options[select_2.selectedIndex].value;
window.opener.update(field_1_value, field_2_value);
}
</script>
</head>
<body>
Valeur à insérer dans le champ 1:
<select id="sel_1" name="sel_1">
<option value="Coucou" >Coucou
<option value"Hello" >Hello
<option value="Bonjour" >Bonjour
</select>
<p/>
Valeur à insérer dans le champ 2:
<select id="sel_2">
<option value="Au revoir" >Au revoir
<option value"Bye bye!" >Bye bye!
<option value="Ciao" >Ciao!
</select>
<p/>
<button onclick="update();">Mettre à jour</button>
</body>
</html>
;-)
24 juin 2004 à 19:49
Je me suis plongé dans toutes les focntions javascript que tu avais utilisé et j'ai compris le fonctionnement de la relation popup frame, en réutilisant partiellement ton code ;-)
Encore merci