login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > JavaScript

Lightbox

rredspike1 – 05/01/2011 19:29
Heee,

Ik heb op mn hoofdsite een register link gemaakt (a href) en deze opent een lightbox en in die lightbox heb ik een registerformulier gemaakt en aan het einde van het formulier een button die gaat dan kijken of het formulier juist is ingevoerd om uiteindelijk de gegevens in te voeren in een database, ALLEEN

het probleem is, dat als ik op register button klik, dat die dan een ander venster opent met de naam register.php, alleen ik zou willen dat die die lightbox open blijft en een form-validatie uitvoert, heeft iemand hier ervaring mee of een oplossing?

(lightbox is gemaakt op register.php). (http://particletree.com/features/lightbox-gone-wild/)

8 antwoorden

Gesponsorde links
Daisycon - Verdien geld met uw website

Kevin – 05/01/2011 20:54
Enig online voorbeeld ofzo? Dan kunnen we de code wel eens bekijken.

Martijn – 05/01/2011 21:22
Heb je m mogelijk niet als iframe staan? If not, dan is dat het waarschijnlijk ik neem aan dat je hoofdscherm naar die pagina gaat als je submit?

rredspike1 – 05/01/2011 22:54
Ik heb als
  1. <form action="register.php" method="POST">



Alleen als ik dan op submit druk, gaattie inderdaad naar http://www.domein.nl/register.php
Alleen het moet in die lightbox zelf blijven.

Het gaat om dit script:
http://particle...gone-wild/

Sar – 06/01/2011 09:09 (Laatst gewijzigd op 06/01/2011 09:09)
En je wil de gegevens valideren met javascript? Want dan moet je bij de submit opdracht in JS een "return false;" zetten, zodat hij de standaard action niet doet.

rredspike1 – 06/01/2011 12:26 (Laatst gewijzigd op 06/01/2011 12:31)
Ow ok even proberen Sar..

Edit

Ik wou proberen het formulier te valideren met php, alleen dit werkt niet echt in een lightbox..

Sar – 06/01/2011 13:16
Nee, dat gaat niet werken. Als je het met PHP doet moet de site herladen. Tenzij je het met Ajax doet.

cowb – 06/01/2011 14:07
Het is inderdaad zoals Sar zegt...

Je zal via AJAX asynchroon moeten werken. Zodat je niet aan de refresh gebonden zit.
Dan kan je eerst je formulier checken en vervolgens verzenden wanneer alles oke is!

rredspike1 – 06/01/2011 15:16 (Laatst gewijzigd op 06/01/2011 16:46)
Ben van het vorige gedoe afgestapt,.. heb het volgende, alleen ik krijg geen echo van een variabele te zien.

  1. <?php
  2.  
  3. $register = $_POST['register'];
  4. $firstname = $_POST['firstname'];
  5.  
  6. if($register){
  7. if(empty($firstname)){
  8. $firstname_error = "Niks ingevuld";
  9. }
  10. }
  11.  
  12. ?>



  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <title>Anno Western - Register</title>
  4. <link rel="stylesheet" href="css/register.css" type="text/css">
  5. <link rel="stylesheet" href="css/aw.css" type="text/css">
  6.  
  7. <body bgcolor="#000000">
  8.  
  9. <form method="POST" action="register.php">
  10. <table border="0">
  11. <tr>
  12. <td height="115px"></td>
  13. </tr>
  14. <tr>
  15. <td height="15px"></td>
  16. </tr>
  17. <tr>
  18. <td width="75"></td><td class="register"><b>Firstname</b></td><td
  19.  
  20. width="15px"></td><td><input class="text" type="text" name="firstname" size="15"><?php
  21.  
  22. echo $firstname_error; ?></td>
  23. </tr>
  24. <tr>
  25. <td width="75"></td><td class="register"><b>Surname</b></td><td
  26.  
  27. width="15px"></td><td><input class="text" type="text" name="surname" size="15"></td>
  28. </tr>
  29. <tr>
  30. <td width="75"></td><td class="register"><b>Gender</b></td>
  31. <td width="15px"></td>
  32. <td class="register">
  33. <input type="radio" name="gender" checked align="right">Male
  34. <input type="radio" name="gender">Female
  35. </td>
  36. </tr>
  37. <tr>
  38. <td width="75"></td><td class="register"><b>Nickname</b></td><td
  39.  
  40. width="15px"></td><td><input class="text" type="text" name="nickname" size="15"></td>
  41. </tr>
  42. <tr>
  43. <td width="75"></td><td class="register"><b>Password</b></td><td
  44.  
  45. width="15px"></td><td><input class="text" type="password" name="password"
  46.  
  47. size="15"></td>
  48. </tr>
  49. <tr>
  50. <td width="75"></td><td class="register"><b>Password (again)</b></td><td
  51.  
  52. width="15px"></td><td><input class="text" type="password" name="password2"
  53.  
  54. size="15"></td>
  55. </tr>
  56. <tr>
  57. <td width="75"></td><td class="register"><b>Emailaddress</b></td><td
  58.  
  59. width="15px"></td><td><input class="text" type="text" name="emailaddress"
  60.  
  61. size="15"></td>
  62. </tr>
  63. <tr>
  64. <td width="75"></td>
  65. <td class="register"></td>
  66. <td width="15px"></td>
  67. <td>
  68. <input type="image" src="images/register.png" name="register">
  69. </td>
  70. </tr>
  71. </form>
  72. </body>
  73. </html>


Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten:

© 2002-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.097s