10/01/2016 16:07:07
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?
19/04/2024 01:45:58
10/01/2016 16:08:38
Wat heb je al? Waar loop je op vast?
10/01/2016 16:18:24
Het formulier heb ik al en het script er omheen:
Code (php)
1
2
3
4
5
6
7
8
<?php
if(isset($_POST['save'])){
// melding 3 seconden weergeven
}
else{
// formulier weergegeven
}
?>
Ik ben alleen op zoek naar de manier waarop ik de melding boven het formulier kan weergeven.
10/01/2016 16:29:40
Ik adviseer je om die melding met JavaScript te geven, javascript is clientside.
Wanneer je het via php doet moet je de pagina laten verversen vanaf de server. Zowel om de melding te tonen als om hem weg te halen.
10/01/2016 16:31:03
En hoe doe ik dat dan met javascript in deze code?
10/01/2016 16:36:18
Beheerder10/01/2016 17:42:07
Waarom moet die tekst verdwijnen? Is en bevestingspagina niet handiger, om mensen niet in twijfel te trekken of hun bericht is verstuurd als ze even de andere kant opkijken?
Gewijzigd op 10/01/2016 17:42:35 door
- Ariën -
10/01/2016 18:25:45
Javascript voorbeeld.
Maar ik ben het wel met - Ariën - eens, waarom zou je zo'n melding verwijderen?
11/01/2016 16:19:26
Omdat het gaat over het opslaan van een 'pagina' die je online in elkaar kunt zetten.
En dan vind ik het vervelend om elkaar een melding te geven en vervolgens weer terug te sturen naar een hoofdmenu.
Beheerder11/01/2016 16:25:43
Je kan toch ook een statische melding tonen boven de aangepast pagina. Het vanzelf laten verdwijnen, dat is waar ik op doel. Je kan natuurlijk prima een kruisje rechtsboven zetten, waarmee de gebruiker hem weg kan klikken.
11/01/2016 16:50:20
Dat is ook de bedoeling, Ariën.
Maar de vraag is... hoe programmeer ik dat?
11/01/2016 16:56:27
Je kan ook gebruik maken van bestaande library's
Alertify is wel een goede
Beheerder11/01/2016 17:08:13
In jQuery:
Code (php)
1
2
3
4
5
6
$( document ).ready(function() {
$( "#remove" ).click(function() {
$("#alert").remove();
$("#remove").remove();
});
});
Code (php)
1
2
<div id="alert">Klik hieronder om dit te verwijderen.</div>
<button id="remove">Wis</button>
11/01/2016 20:42:30
Dank Ariën! Maar hoe/waar verwerk ik jouw code in mijn formulier-script?
Code (php)
1
2
3
4
5
6
7
8
<?php
if(isset($_POST['save'])){
// melding 3 seconden weergeven
}
else{
// formulier weergegeven
}
?>
Beheerder11/01/2016 21:01:11
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.
11/01/2016 21:09:51
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?!
Beheerder11/01/2016 21:19:20
Je hebt geen redirect nodig. Je plaatst alleen op de plek van je formulier je PHPcode om te controleren of je formulier verstuurd is:
Code (php)
1
2
3
4
5
6
7
8
9
10
<?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>';
}
?>
11/01/2016 22:04:58
Beheerder11/01/2016 22:07:04
Mooi, veel succes ermee :)
