Ik wil graag bij het submitten van een form 2 dingen doen:
- 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.

<?
<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>
?>
Als het met een DIV kan, graag!

Alleen wordt vanuit <form target="iframe"> het iFrame getarget.
Ja dat kan en het wordt alleen maar makkelijker omdat alles binnen 1 pagina blijft. Wat wil je precies laten zien in de div?
In de div wil ik het resultaat van <form action="http://www.booking.com/">; laten zien. Een webpagina dus.

In de originele code zit nog een stuk extra, waarmee de link uitgebreid wordt. Op dit moment niet interessant.

Reageren