Submit form in iframe en laad div zien

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Danny Kater

Danny Kater

09/05/2014 21:20:22
Quote Anchor link
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.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<?
<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
 
PHP hulp

PHP hulp

24/12/2024 14:17:41
 
Frank Nietbelangrijk

Frank Nietbelangrijk

10/05/2014 14:53:02
Quote Anchor link
Waarom een iframe? is dit echt nodig?
 
Danny Kater

Danny Kater

10/05/2014 17:12:57
Quote Anchor link
Als het met een DIV kan, graag!

Alleen wordt vanuit <form target="iframe"> het iFrame getarget.
 
Frank Nietbelangrijk

Frank Nietbelangrijk

10/05/2014 23:18:23
Quote Anchor link
Ja dat kan en het wordt alleen maar makkelijker omdat alles binnen 1 pagina blijft. Wat wil je precies laten zien in de div?
 
Danny Kater

Danny Kater

11/05/2014 02:24:04
Quote Anchor link
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.
Gewijzigd op 11/05/2014 02:25:42 door Danny Kater
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.