Hallo SD,

Ik ben bezig met HTML en PHP maar nu heb ik dus een HTML form met een action.
Alleen nu linkt hij automatisch door maar dit wil ik niet.

Ik wil niet doorlinken ik wil op dezelfde pagina blijven en ik wil dat er een popup opent.
Het popup openen werkt nu maar hij linkt nog steeds door.

Dit is de code:

Code:

<script>
process = function()
 {
    window.open('http://www.go4kids.nl/gemtarief/check.php', 'popup', 'width=320,height=100,resizeable=no');
    document.login.setAttribute('target', 'popup');
    document.login.setAttribute('onsubmit', '');
    document.login.submit();
 };
</script>
<form action="../gemtarief/check.php" method="post" onsubmit="process(); return false;">Selecteer het aantal kinderen:
<input type="radio" name="keuze1" value="70,-" />1e kind (Pakket 1)
<input type="radio" name="keuze1" value="65,-" />1e kind (Pakket 2)
<input type="radio" name="keuze1" value="50,-" />2e kind
<input type="radio" name="keuze1" value="50,-" />3e kind
Vul hier het aantal uren in:
<input type="integer" name="keuze2" />
Vul hier het uurtarief in van de gastouder:
<input type="integer" name="keuze3" />
<input type="submit" value="Bereken" />
</form>

Nu opent er een popup en wordt hij doorgelinkt, ik wil alleen de popup.
Iemand?

Mvgr,

Bovenstaande code is niet langer in gebruik!

Code:

<form action="../gemtarief/check.php" method="get" target="_blank">Selecteer het aantal kinderen:
<input type="radio" name="keuze1" value="70,-" />1e kind (Pakket 1)
<input type="radio" name="keuze1" value="65,-" />1e kind (Pakket 2)
<input type="radio" name="keuze1" value="50,-" />2e kind
<input type="radio" name="keuze1" value="50,-" />3e kind


Vul hier het aantal uren in:
<input type="integer" name="keuze2" />


Vul hier het uurtarief in van de gastouder:
<input type="integer" name="keuze3" />
<input type="submit" value="Bereken" />


</form>

Dit is wat we reeds hebben tot nu toe. Probleem is: hij opent hem niet in een popup maar in een nieuw tabblad. We komen er niet uit wat betreft de popup. Iets met "window.open"...?

Om beter geholpen te kunnen worden zijn we iets meer informatie nodig.

Het eerste wat me te binnenschiet zijn vragen als:
- Wat moet er in de pop-up komen? (uitkomst van de berekening?/Een bedankje?)
- Moeten de gegevens ook opgeslagen worden in een database?
- Of zowel een pop-up met de uitkomst als opgeslagen worden in de database?
- Of zowel een pop-up met de uitkomst als opgeslagen worden in de database zonder te verversen?

Iets meer uitleg over het doel van het formulier zou geen overbodige luxe zijn :)

Hoi Rolf,

Laat ik dan maar antwoord geven op al je vragen.

- In de popup moet inderdaad het antwoord komen van de berekening;
- De gegevens moeten niet opgeslagen worden in een database, dit omdat de rekensom voor elk type persoon anders kan zijn;
- Geen databases nodig;
- Geen databases nodig.

Voldoende? :)

Dit werkt bij mij:

Code:

<script>
function bereken() {
var varkeuze1 = document.getElementById('keuze1').value;
var varkeuze2 = document.getElementById('keuze2').value;
var varkeuze3 = document.getElementById('keuze3').value;
popup = window.open('http://www.go4kids.nl/gemtarief/check.php?keuze1=' + varkeuze1 + '&keuze2=' + varkeuze2 + '&keuze3=' + varkeuze3, 'popup', 'width=400,height=425,scrollbars=no,toolbar=no,location=no')
}
</script>


<form action="#" method="get" onsubmit="bereken()">
Selecteer het aantal kinderen:


<select id="keuze1">
<option value="70">1e kind (Pakket 1)</option>
<option value="65">1e kind (Pakket 2)</option>
<option value="50">2e kind</option>
<option value="50">3e kind</option>
</select>


Vul hier het aantal uren in:
<input type="integer" id="keuze2" />


Vul hier het uurtarief in van de gastouder:
<input type="integer" id="keuze3" />


<input type="submit" value="Bereken" />


</form>

Origineel gepost door BasH

Hoi Rolf,

Laat ik dan maar antwoord geven op al je vragen.

- In de popup moet inderdaad het antwoord komen van de berekening;
- De gegevens moeten niet opgeslagen worden in een database, dit omdat de rekensom voor elk type persoon anders kan zijn;
- Geen databases nodig;
- Geen databases nodig.

Voldoende? :)

Dan zal het antwoord van Sander je waarschijnlijk enorm geholpen hebben :)

Sander,

Bedankt! De popup werkt inderdaad, maar het antwoord komt er niet te staan. Zie: Go4*kids.nl/ouder en vul vervolgens overal wat random in zolang het onder de 100 is. (link zonder *).

Gr
Bas

Ik zie het probleem al, de url wordt dit:
http://www.go4kids.nl/gemtarief/check.php?keuze1=70& #038; keuze2=1& #038; keuze3=1
in plaats van:
http://www.go4kids.nl/gemtarief/chec...ze2=1&keuze3=1

Gebruiken jullie Wordpress, zo ja dan kan ik jullie niet verder meer helpen.

Hoi Sander,

Dat klopt, ja: we gebruiken WordPress. Er is dus helaas geen andere optie?

Het probleem is dat ik niets van Wordpress af weet, ik gebruik XAMPP + Notepad++ , meer niet.
Misschien weet iemand anders het wel maar ik niet.

En wat als je de ampersand ( & ) vervangt door & ​?

Ook de & werkt hier niet, nee.

het zal vast op te lossen zijn met iets van een urlencode of een encodeURIComponent .. maar ik zou het via een klein omweggetje oplossen door te linken naar check.php?keuzes=70|20|10 en dan in check.php weer opsplitsen met list($keuze1,$keuze2.$keuze3)=explode("|",$_GET['keuzes']);

Werkende oplossing:

http://jsfiddle.net/cXmtx/1/