window opener
Kan iemand mij helpen hoe ik onderstaand voor elkaar krijg?
Mainpage textfield met link naar pop up
Pop up moeten radio buttons met verschillende values zijn, wanneer je op 1 klikt moet de pop up sluiten en de value in het textfield invullen/overschrijven op de mainpage.
Ik vind vele scripts maar net niet die ene.
Kan iemand mij opweg helpen?
Vriendelijke groet,
bas
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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>
Daar staat hoe je gegevens kan aan passen in het hoofd pagina via een popup.
@kris
Je was me voor maar zat op een traag netwrrk met me tel ;)
Gewijzigd op 09/10/2012 13:34:23 door Joey Drieling
Ben bezig met een cms. Men moet op een plaatje/radiobutton klikken om zo de juiste image te selecteren, de waarde komt in een textbox en men kan inserten/updaten.
Dat is/was de gedachte erachter. Wellicht heb jij een beter idee? Want over die blocker had ik niet nagedacht...
Wellicht zou je kunnen werken met een lightbox?
(Puur voor het idee, mocht je niet weten wat een lightbox is... http://test.thecodecentral.com/demos/lightbox/lightbox.html klik op een link)
Veel mooier, alleen loop ik dan tegen het feit aan dat ik niet weet hoe ik de script icm de Lightbox moet maken...
Dus als iemand me daar(mee)(aan) kan helpen zou dat heel mooi zijn :-)
Gewijzigd op 09/10/2012 14:36:32 door Bas D L
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<head>
<style>
#valse_popup {
z-index: 5;
position: absolute;
background-color: #999999;
width: 100%;
height: 100%;
display: none;
text-align: center;
}
#valse_popup_inner {
background-color: #eeeeee;
padding: 10px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
width: 300px;
border: 1px solid #000000;
text-align: left;
}
.close {
cursor: pointer;
float: right;
}
</style>
<script>
var newwindow = null;
function open_popup() {
var popup = document.getElementById('valse_popup');
// popup zichtbaar maken
popup.style.display = 'block';
}
function set_popup_value(obj) {
// window.opener is de pagina die de popup heeft geopend
document.getElementById('mijn_input').value = obj.value;
close_popup();
}
function close_popup() {
// popup onzichtbaar maken
document.getElementById('valse_popup').style.display = 'none';
}
</script>
</head>
<body>
<div id="valse_popup">
<div id="valse_popup_inner">
<img src="http://www.logonexpert.com/images/close.png" onclick="close_popup()" class="close">
<input type="radio" name="fruit" onclick="set_popup_value(this)" value="appel"> appel<br>
<input type="radio" name="fruit" onclick="set_popup_value(this)" value="peer"> peer<br>
<input type="radio" name="fruit" onclick="set_popup_value(this)" value="citroen"> citroen<br>
</div>
</div>
<input id="mijn_input">
<input type="button" onclick="open_popup()" value="open popup">
</body>
</html>
<head>
<style>
#valse_popup {
z-index: 5;
position: absolute;
background-color: #999999;
width: 100%;
height: 100%;
display: none;
text-align: center;
}
#valse_popup_inner {
background-color: #eeeeee;
padding: 10px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
width: 300px;
border: 1px solid #000000;
text-align: left;
}
.close {
cursor: pointer;
float: right;
}
</style>
<script>
var newwindow = null;
function open_popup() {
var popup = document.getElementById('valse_popup');
// popup zichtbaar maken
popup.style.display = 'block';
}
function set_popup_value(obj) {
// window.opener is de pagina die de popup heeft geopend
document.getElementById('mijn_input').value = obj.value;
close_popup();
}
function close_popup() {
// popup onzichtbaar maken
document.getElementById('valse_popup').style.display = 'none';
}
</script>
</head>
<body>
<div id="valse_popup">
<div id="valse_popup_inner">
<img src="http://www.logonexpert.com/images/close.png" onclick="close_popup()" class="close">
<input type="radio" name="fruit" onclick="set_popup_value(this)" value="appel"> appel<br>
<input type="radio" name="fruit" onclick="set_popup_value(this)" value="peer"> peer<br>
<input type="radio" name="fruit" onclick="set_popup_value(this)" value="citroen"> citroen<br>
</div>
</div>
<input id="mijn_input">
<input type="button" onclick="open_popup()" value="open popup">
</body>
</html>
Gewijzigd op 09/10/2012 15:27:22 door Kris Peeters
Ik heb hem erin geplaats, ziet er goed uit, alleen werkt het niet meer als een aparte pagina en kan ik er niet doorheen klikken.
Zodra je op de button klikt verschijnt er een dir list met linkjes, als je daar opklikt sluit het scherm. Dus het fungeert niet meer als een aparte webpage...
De 1e oplossing werkt prima!