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: https://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
    $(document).on("submit", "form", function(event){ //Als welk formulier dan ook word verzonden.
    			console.log($( this ).serialize()); //Toon form input in console log
    			event.preventDefault(); //Verzend het form niet. 
    		});

    The law is what I write down on paper

    Bewerkt één keer, laatst door MOnkNL ().

  • Waar je naar zoekt lijkt: https://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
    $(document).on("submit", "form", function(event){ //Als welk formulier dan ook word verzonden.
    			console.log($( this ).serialize()); //Toon form input in console log
    			event.preventDefault(); //Verzend het form niet. 
    		});

    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: http://ict.thomasvv.nl/24158-onsubmit/onsubmit.php
    Code in het kort:

  • 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: http://ict.thomasvv.nl/24158-onsubmit/onsubmit.php
    Code in het kort:

    Dankje wel hier kom ik wel verder mee!!

  • Na een beetje puzzelen is het al wel gelukt maar heb nog een vraagje


    de breedte van het dialoog kan je dat ook nog aanpassen want heb in de js al dingen aangepast van de width maar het blijft dat kleine vierkantje!!


    Groetjes

  • Na aanleiding van je vraag via privé bericht:


    Dankje voor je reactie kom er veel verder mee!!!
    heb alleen nog 1 klein vraagje kan je met die "plugin" ook de
    achtergrond om de popup heen zwart maken ? of is dat onmogelijk daar mee

    Je kan een handeling toevoegen als open event word aangeroepen.
    Dus

    JavaScript
    $( "#dialog" ).dialog({
    open: function(){}
    });


    Nu wil je natuurlijk dat de 'overlay' ook verdwijnt als je dialog sluit.

    Code
    $( "#dialog" ).dialog({
    close: function(){}
    });


    Als je dit dan koppelt aan een div met id overlay
    Krijg je:

    Online voorbeeld: http://ict.thomasvv.nl/24158-o…/dialog_with_overlay.html

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!