jQuery popup screen fills a field , but values are lost when (by accident) F5 (refresh) is clicked.
Hello everybody,
in my PHP file, by clicking a button, I'm giving the user a popup screen to enter some data.
Once OK is clicked, the data is put into an array and shown on the "underlying" page.
But, when the user presses F5 by accident, the values are lost because the HTML of the screen part is empty by origin.
How can I prevent this ?
Greetings and thanks in advance,
Davy
- // *************************************************************************************************************
- // Scherm Toevoegen onderdelen
- // *************************************************************************************************************
- $('#extrascherm').click(function () {
- $("#overlay3").show();
- $("#modal3").show("slow");
- $("#mat_type2").val($(this).attr("data-materiaaltype"));
-
- $.getJSON("select.php",{mat_type: $(this).attr("data-materiaaltype")}, function(data){
- var options = '';
- var len = data.length;
- options = "<option value='0'>Maak uw keuze...</option>";
- for (var i = 0; i < len; i++) {
- options += '<option value=\'' + data[i].ID+ '\'>' + data[i].Benaming + '</option>';
- }
- $("#mat_naam2").html(options);
- });
- });
- function display_table_onderdelen() {
- var new_text = '';
- new_text = '<table><tr><td colspan="4"><h1>Extra onderdelen</h1></td></tr><tr><th></th><th>Onderdeel</th><th>Aantal</th></tr>';
- $.each(onderdelenarr, function(i , val) {
- new_text += "<tr>";
- new_text += '<td width="20px"><img src="images/delete.png" alt="X" title="REMOVE row" class="deleteButton2"></td>';
-
- $.each(val, function(index, value) {
- if (index != "onderdeelID") {
- new_text += "<td>" + value + "</td>";
- }
- });
-
- new_text += '</tr>';
- });
- new_text += '</table>';
-
- $('#onderdelenarr').val(JSON.stringify(onderdelenarr));
- $("#onderdelen").html(new_text);
- $('#onderdelen').show();
- }
- $('body').on('click', '.deleteButton2', function(e) {
- // eerst zoeken welke knop het is
- var index = $(this).index('.deleteButton2');
- remove_row_onderdelen(onderdelenarr, index);
- });
- /** remove an item from an array. */
- function remove_row_onderdelen(rows, index) {
- rows.splice(index, 1); // haalt element index weg en laat de rest mooi staan
- if (rows.length == 0) {
- $('#onderdelenarr').val("");
- $("#onderdelen").html("");
- $('#onderdelen').hide();
- }
- else {
- display_table_onderdelen();
- }
- }
- $('#sluiter3').click(function () {
- if ($('#mat_naam2').val() > 0 && $('#onderdeel_aantal').val() > 0) {
- onderdelenarr.push({
- onderdeelID: $('#mat_naam2').val(),
- onderdeelNaam: $('#mat_naam2 option:selected').text(),
- aantal: $('#onderdeel_aantal').val()
- });
- alertify.set({ delay: 3000 });
- alertify.success("Gegevens toegevoegd !");
- display_table_onderdelen();
-
- $("#mat_naam2").val('0');
- $("#onderdeel_aantal").val("");
- }
- else
- {
- alertify.set({ delay: 3000 });
- alertify.error("Foute gegevens ingevuld of vergeten !");
- }
-
- });
-
- $('#cancel_button3').click(function () {
- $("#modal3").hide("slow");
- $("#overlay3").hide();
- });