jquery popup na form post

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • jquery popup na form post

      Goede dag

      Ik ben de laatste dagen weer druk bezig met het onder de knie krijgen van scripten aangezien ik er een lange tijd uit geweest ben en nu was mijn idee om javascript / jquery ook te gaan leren maar nu wil ik als er een "form post" gedaan is bijvoorbeeld bij aanmelden dat er een "popup" komt met de informatie ofzo

      iemand een voorbeeld van hoe het kan /werkt zodat ik het stap gewijs kan door nemen zodat ik precies weet hoe ik zoiets moet maken

      Groetjes michael
    • Waar je naar zoekt lijkt: jqueryui.com/dialog/
      Maar wil je mensen vanuit een 'popup' laten inloggen of na inloggen een popup komt of dat je alleen foutmeldingen geeft via de popup. Dat kan ik op dit moment niet uit je vraag halen.

      Verder is dialog wel een van de makkelijkere functies om zelf te 'maken' op basis van jquery.

      edit:
      Als een form word verzonden en je wil iets doen met jquery moet je het event tegen houden:

      JavaScript Source Code

      1. $(document).on("submit", "form", function(event){ //Als welk formulier dan ook word verzonden.
      2. console.log($( this ).serialize()); //Toon form input in console log
      3. event.preventDefault(); //Verzend het form niet.
      4. });
      The law is what I write down on paper

      The post was edited 1 time, last by MOnkNL ().

    • MOnkNL wrote:

      Waar je naar zoekt lijkt: jqueryui.com/dialog/
      Maar wil je mensen vanuit een 'popup' laten inloggen of na inloggen een popup komt of dat je alleen foutmeldingen geeft via de popup. Dat kan ik op dit moment niet uit je vraag halen.

      Verder is dialog wel een van de makkelijkere functies om zelf te 'maken' op basis van jquery.

      edit:
      Als een form word verzonden en je wil iets doen met jquery moet je het event tegen houden:

      JavaScript Source Code

      1. $(document).on("submit", "form", function(event){ //Als welk formulier dan ook word verzonden.
      2. console.log($( this ).serialize()); //Toon form input in console log
      3. event.preventDefault(); //Verzend het form niet.
      4. });
      ik bedoel dus wat na de "submit" komt de foutmelding enzo dus de dingen dat komt na de php update zeg maar
    • Oke ik doe in geen enkele vorm van validatie. Voorbeeld draait alleen maar om dialoog en hoe je die start bij laden van de pagina online: ict.thomasvv.nl/24158-onsubmit/onsubmit.php
      Code in het kort:

      PHP Source Code

      1. <?php if(isset($_POST['email'])){ ?>
      2. <script language="javascript" type="text/javascript">
      3. $( function() {
      4. $( "#dialog" ).dialog();
      5. });
      6. </script>
      7. <div id="dialog" title="Basic dialog">
      8. <p>This is the default dialog which is useful for displaying information.
      9. The dialog window can be moved, resized and closed with the 'x' icon.</p>
      10. </div>
      11. <?php } ?>
      Display All
      The law is what I write down on paper
    • MOnkNL wrote:

      Oke ik doe in geen enkele vorm van validatie. Voorbeeld draait alleen maar om dialoog en hoe je die start bij laden van de pagina online: ict.thomasvv.nl/24158-onsubmit/onsubmit.php
      Code in het kort:

      PHP Source Code

      1. <?php if(isset($_POST['email'])){ ?>
      2. <script language="javascript" type="text/javascript">
      3. $( function() {
      4. $( "#dialog" ).dialog();
      5. });
      6. </script>
      7. <div id="dialog" title="Basic dialog">
      8. <p>This is the default dialog which is useful for displaying information.
      9. The dialog window can be moved, resized and closed with the 'x' icon.</p>
      10. </div>
      11. <?php } ?>
      Display All
      Dankje wel hier kom ik wel verder mee!!