Waarde van popup weergeven in parent-pagina
Ik heb een tekstveld in de parent-pagina.
Met window.open laat ik een popup verschijnen.
In deze popup staat een link. Bijv <a href="link.php" class="testlink" value="100"></a>.
Nu wil ik, door op de link te klikken, de waarde (100) in het tekstveld krijgen van de parent-pagina.
Door een form met een submit werkt dit prima, maar kan het ook op bovenstaande manier? (zonder form dus)
je plakt even een ID aan je <a>
Dan maak je een:
$('#IDvanahref').click(function(){
$('#IDvandetekstveld').value = '100'
});
en als je die 100 ook nog wil pakken dan moet je even googlen op : javascript get value from a href
deze code zal dan uit de losse pols ook niet werken denk ik ;) maar je ziet ong waar ik heen wil ? :)
post anders het stuk code waar het om gaat
* vanuit de parent wil je de popup aanspreken:
var newwindow = window.open(...)
Dan is newwindow dus de popup.
* vanuit de popup wil je de parent aanspreken:
in de javascript van de popup heb je window.opener.
------
Voorbeeld (ooit gemaakt voor iemand hier); al ongeveer wat jij nodig hebt.
index.htm
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<script>
var newwindow = null;
function open_popup() {
var url = 'popup.htm'; // zelf aanpassen
newwindow = window.open(url,'newwindow','height=200,width=150');
if (window.focus) {
newwindow.focus()
}
return false;
}
</script>
</head>
<body>
<input id="mijn_input">
<input type="button" onclick="open_popup()" value="open popup">
</body>
</html>
<head>
<script>
var newwindow = null;
function open_popup() {
var url = 'popup.htm'; // zelf aanpassen
newwindow = window.open(url,'newwindow','height=200,width=150');
if (window.focus) {
newwindow.focus()
}
return false;
}
</script>
</head>
<body>
<input id="mijn_input">
<input type="button" onclick="open_popup()" value="open popup">
</body>
</html>
popup.htm
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<script>
function set_popup_value(obj) {
// window.opener is de pagina die de popup heeft geopend
window.opener.document.getElementById('mijn_input').value = obj.value;
window.close();
}
</script>
</head>
<body>
<input type="radio" onclick="set_popup_value(this)" value="appel"> appel<br>
<input type="radio" onclick="set_popup_value(this)" value="peer"> peer<br>
<input type="radio" onclick="set_popup_value(this)" value="citroen"> citroen<br>
</body>
</html>
<head>
<script>
function set_popup_value(obj) {
// window.opener is de pagina die de popup heeft geopend
window.opener.document.getElementById('mijn_input').value = obj.value;
window.close();
}
</script>
</head>
<body>
<input type="radio" onclick="set_popup_value(this)" value="appel"> appel<br>
<input type="radio" onclick="set_popup_value(this)" value="peer"> peer<br>
<input type="radio" onclick="set_popup_value(this)" value="citroen"> citroen<br>
</body>
</html>
Gewijzigd op 14/01/2013 11:10:09 door Kris Peeters