Submit form in iframe en laad div zien
- Show hidden Div
- Target Form to hidden Div
Ik gebruik onderstaande code, wat gaat er mis? Als ik het Javascript er uit haal target hij wel in de Div. Als Javascript er bij staat target hij weer niet.
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
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
<?
<html>
<head>
<script type="text/javascript">
function showHide() {
var div = document.getElementById('hallo');
if (div.style.display == 'none') {
div.style.display = '';
}
else {
div.style.display = 'none';
}
}
</script>
</head>
<body>
<div id="hallo" class="iframe" style="display:none;">
<iframe src="" name="iframe" id="iframebox"/></iframe>
</div>
<form action="http://www.booking.com/" target="iframe" onsubmit="showHide(); return false;">
<input type="submit" value="Zoek"></input>
</form>
</body>
</html>
?>
<html>
<head>
<script type="text/javascript">
function showHide() {
var div = document.getElementById('hallo');
if (div.style.display == 'none') {
div.style.display = '';
}
else {
div.style.display = 'none';
}
}
</script>
</head>
<body>
<div id="hallo" class="iframe" style="display:none;">
<iframe src="" name="iframe" id="iframebox"/></iframe>
</div>
<form action="http://www.booking.com/" target="iframe" onsubmit="showHide(); return false;">
<input type="submit" value="Zoek"></input>
</form>
</body>
</html>
?>
Gewijzigd op 09/05/2014 21:23:59 door Danny Kater
Alleen wordt vanuit <form target="iframe"> het iFrame getarget.
In de originele code zit nog een stuk extra, waarmee de link uitgebreid wordt. Op dit moment niet interessant.
Gewijzigd op 11/05/2014 02:25:42 door Danny Kater