Melding bij opslaan formulier

Door Daan Vee op 10-01-2016 16:07

2.844 views

Ik vraag me af hoe ik het volgende kan maken:
- ik heb een formulier
- als er op submit wordt gedrukt moet boven het formulier een melding komen met 'gegevens zijn opgeslagen'
- na drie seconden mag die melding weer verdwijnen.

Iemand enig idee?

Randy vsf

11-01-2016 16:56

Je kan ook gebruik maken van bestaande library's
Alertify is wel een goede

Ariën

11-01-2016 17:08

In jQuery:


$( document ).ready(function() {
    $( "#remove" ).click(function() {
         $("#alert").remove();
         $("#remove").remove();  
    });
});


    <div id="alert">Klik hieronder om dit te verwijderen.</div>
    <button id="remove">Wis</button>

Daan Vee

11-01-2016 20:42

Dank Ariën! Maar hoe/waar verwerk ik jouw code in mijn formulier-script?


<?php
 if(isset($_POST['save'])){
// melding 3 seconden weergeven
}
else{
// formulier weergegeven
}
?>

Ariën

11-01-2016 21:01

Die eerste javascript code kan je prima in een JavaScript bestand verwerker=n. De HTML toon je op de plek waar je terugkeert naar je formulier, en controleert of er ge-POST is.

Daan Vee

11-01-2016 21:09

Hoe bedoel je Ariën? Moet ik een redirect instellen na het saven, zodat je weer bij het formulier komt?
Want in dat geval laat ie de melding toch ook zien als je pagina voor het eerst laadt?!

Ariën

11-01-2016 21:19

Je hebt geen redirect nodig. Je plaatst alleen op de plek van je formulier je PHPcode om te controleren of je formulier verstuurd is:


<?php
if($_SERVER['REQUEST_METHOD']=="POST") {
	// je afhandelingen

	// toon hieronder ook je bevestiging. Let op foutafhandeling in MySQL(i).
echo '
    <div id="alert">Formulier is verstuurd, je missie volbracht! Well done!</div>
    <button id="remove">Sluit</button>';
}
?>

Daan Vee

11-01-2016 22:04

thanks, het werkt!

Ariën

11-01-2016 22:07

Mooi, veel succes ermee :)

Reageren

Inloggen om te reageren