Form in lightbox wil niet submitten.

[Verwijderd]

Hallo allemaal, ik loop tegen een probleem aan met een form in een lightbox. Ik ben bezig met een systeem waarbij een klant in een lightbox te zien krijg waarbij een keuze gemaakt kan worden tussen 'Betalen via Paypal' en 'Betalen via iDeal'. Laat ik voorop stellen dat het systeem zoals het er nu staat vereist dat deze opties in een lightbox worden weergegeven. Daarnaast is het niet mogelijk om een ajax call te maken, aangezien de gebruiker naar de pagina van Paypal/iDeal moet gaan om de betaling af te kunnen handelen.

Beide betalingsmogelijkheden vereisen een FORM met daarin enkele hidden formfields. Nu is het mijn bedoeling dat door op het logo van Paypal danwel iDeal te klikken het specifieke form wordt gesubmit. Echter, bij het klikken op een image-button, dan wel een gewone button (INPUT type submit) en zowel de attributen action als method in de form-tags zijn correct.

In eerste instantie dacht ik dat het zo kunnen komen doordat het form nog niet in de DOM geladen is, maar dat is ook het geval niet aangezien de lightbox(es) bij het laden van de pagina al worden aangemaakt, maar nog niet getoond.

Heeft iemand wel eens vaker met dit probleem te maken gehad en/of mogelijk hier een oplossing voor?

Alvast bedankt.

[HuHu]

XHTML:

<img src="/images/paypal.png" onclick="document.getElementById('paypal_form').submit()" />

?

[ Voor 4% gewijzigd door HuHu op 05-01-2010 20:38 ]

[Verwijderd]

HuHu schreef op dinsdag 05 januari 2010 @ 20:38:

XHTML:

<img src="/images/paypal.png" onclick="document.getElementById('paypal_form').submit()" />

?

Heb het via jQuery op die manier geprobeerd idd, maar dat mocht ook niet baten.
Wel kon ik de attributes van het form alerten of in de console loggen.

[MueR]

Je hebt dus nu zoiets?

XHTML:

<form id="paypal" method="post" action="http://paypal.com">
  <!-- wat hidden inputs -->
  <input type="image" src="/images/paypal.png" />
</form>
<form id="ideal" method="post" action="http://bank.nl/ideal">
  <!-- wat hidden inputs -->
  <input type="image" src="/images/ideal.png" />
</form>

Of een enkel form waarvan de properties goed ingesteld moeten worden?

[Verwijderd]

MueR schreef op dinsdag 05 januari 2010 @ 21:04:
Je hebt dus nu zoiets?

XHTML:

<form id="paypal" method="post" action="http://paypal.com">
  <!-- wat hidden inputs -->
  <input type="image" src="/images/paypal.png" />
</form>
<form id="ideal" method="post" action="http://bank.nl/ideal">
  <!-- wat hidden inputs -->
  <input type="image" src="/images/ideal.png" />
</form>

Of een enkel form waarvan de properties goed ingesteld moeten worden?

Inderdaad, zo ziet mn form er ongeveer uit.

[MueR]

Dat zou gewoon moeten werken afaik? Of wil je tussendoor nog wat data opslaan op je eigen systeem? Ik kan uit je post nou niet direct het probleem halen namelijk.

[Verwijderd]

Heb je al eens geprobeerd om een "submit" event listener op je form te zetten en te zien of ie daarop reageert?

[ Voor 4% gewijzigd door Verwijderd op 05-01-2010 21:18 ]

[Verwijderd]

Topic kan dicht, heb het probleem opgelost
Thanks voor de replies. Het was een heel suf ander probleem waar ik geen rekening mee had gehouden.
Je m'excuse.

[Bobmeister]

Verwijderd schreef op dinsdag 05 januari 2010 @ 21:25:
Topic kan dicht, heb het probleem opgelost
Thanks voor de replies. Het was een heel suf ander probleem waar ik geen rekening mee had gehouden.
Je m'excuse.

Nu zijn we natuurlijk wel benieuwd wat het was