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:
$(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.
});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:
<?php if(isset($_POST['email'])){ ?>
<script language="javascript" type="text/javascript">
$( function() {
$( "#dialog" ).dialog();
});
</script>
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information.
The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<?php } ?>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:PHP<?php if(isset($_POST['email'])){ ?> <script language="javascript" type="text/javascript"> $( function() { $( "#dialog" ).dialog(); }); </script> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div> <?php } ?>
Dankje wel hier kom ik wel verder mee!!
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
$( "#dialog" ).dialog({
open: function(){}
});Nu wil je natuurlijk dat de 'overlay' ook verdwijnt als je dialog sluit.
$( "#dialog" ).dialog({
close: function(){}
});
Als je dit dan koppelt aan een div met id overlay
Krijg je:
<style>
#overlay{
z-index:99; /* Dialog heeft een z-index van 100 */
background:rgba(0,0,0,0.5); /* Zwarte overlay die voor 50% doorzichtig is */
position:fixed; /*Zorg ervoor dat hij de gehele pagina kan beslaan */
top:0; /* positie start Y-as */
bottom:0; /* positie eind Y-as */
left:0; /* positie start X-as */
right:0; /* positie eind X-as */
display:none; /* als de pagina word geopent willen we de overlay nog niet zichtbaar hebben */
}
</style>
<script>
$( "#dialog" ).dialog({
open: function(){
$('#overlay').show();
},
close: function(){
$('#overlay').hide();
}
});
</script>
<div id="overlay">
</div>
<div id="dialog" title="Basic dialog" style="display:none;">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p></div>Online voorbeeld: http://ict.thomasvv.nl/24158-onsubmit…th_overlay.html
Nog geen account? Registreer je nu en word deel van onze community!