Toon popup na page refresh

De retorische vraag: 'Waarom wil je AJAX gebruiken?'
Het antwoord: 'Omdat ik alleen bepaalde gedeeltes wil veranderen.'

Wat doet meneer Brecht:
Na de AJAX request de complete pagina verversen.

Onlogica ten top!.

Roep de alertbox conditioneel aan in de html-code van de pagina welke je toont na de refresh.

@Ger: ja, eigenlijk heb je meer dan gelijk. Was mijn eerste gedacht dit zo te doen. Wat stel je voor als alternatief?

@Pipo clown: is geen mogelijkheid omdat die nog meer refreshes kan hebben dan alleen deze hier. Refresh kan ook van een andere bron komen.

Ik kan dit heel gemakkelijk oplossen met sessionStorage en dan in de html een javascript zetten met een if statement die kijkt of die sessionStorage niet leeg is. Als die niet leeg is komt de popup te voorschijn en cleared hij die sessionStorage. Maar misschien zijn er betere manier.

>>@Ger: ja, eigenlijk heb je meer dan gelijk. Was mijn eerste gedacht dit zo te doen. Wat stel je voor als alternatief?

jQuery.remove()

Brecht S op 25/01/2015 22:25:07

@Pipo clown: is geen mogelijkheid omdat die nog meer refreshes kan hebben dan alleen deze hier. Refresh kan ook van een andere bron komen.

Je kunt toch middels JavaScript een hidden inputveld een bepaalde waarde geven voor de refresh aangeroepen wordt, om vervolgens aan de hand van de waarde van dat inputveld te bepalen of de alert al dan niet getoond moet worden ?

Brecht S op 25/01/2015 22:25:07

Ik kan dit heel gemakkelijk oplossen met sessionStorage en dan in de html een javascript zetten met een if statement die kijkt of die sessionStorage niet leeg is. Als die niet leeg is komt de popup te voorschijn en cleared hij die sessionStorage. Maar misschien zijn er betere manier.

I.p.v. je voorstel om met een hidden input te werken is dit wel een beter idee denk ik. Zo doe ik het nu en dat werkt maar was op zoek naar alternatieven eigenlijk omdat ik niet weet of mijn versie wel de goede is.

[size=xsmall]Toevoeging op 26/01/2015 09:59:52:[/size]

@Ger: jquery.remove, ja misschien wel. Dan hoef je inderdaad niet te refreshen. Thanks voor de tip! Zie hieronder:

1. Iemand klikt op een knop 'Verwijderen' = OK
2. De database verwijderd het item (het id wordt meegestuurd) = OK
3. De pagina refreshed => Geen page refresh meer nodig. jQuery regelt dit nu = OK
4. De popup wordt getoond = OK

$(".showme3").on("click", function(e) {
    e.preventDefault();
    
	var historiek_id = $(this).data("id");
	var id = <?php echo $_GET['id']; ?>;
	
    $.ajax({
        url: 'contacten-historiek-verwijderen.php',
        type: 'get',
        dataType: 'html',
        data: {id: historiek_id}
    })
    .done(function(html) {
            
        //sessionStorage.setItem("refresh", "true");
		//location.href='contact-detail.php?id=' + id;
		//$('#' + historiek_id + ').remove();
		$('table#table-historiek tr#' + historiek_id).remove();
		
			var opts1 = {
						"closeButton": true,
						"debug": false,
						"positionClass": "toast-top-left",
						"onclick": null,
						"showDuration": "300",
						"hideDuration": "1000",
						"timeOut": "5000",
						"extendedTimeOut": "1000",
						"showEasing": "swing",
						"hideEasing": "linear",
						"showMethod": "fadeIn",
						"hideMethod": "fadeOut"
			};			   
			   

			toastr.success("<?php echo $_SESSION['username']; ?>, het historiek item is succesvol verwijderd.", null, opts1);
		
			
    })
    .fail(function() {
        alert('AJAX heeft verloren');
        });
});
</script>

Ik gebruik dit nu om gegevens uit de tabel te halen en een refresh te vermijden. Nu als ik items in een tabel wil zetten kan ik dit misschien ook gebruiken? Dat dit ook zonder refresh kan? Of is dit niet haalbaar? Welke jquery heb ik daarvoor nodig? En hoe kan ik dit aanpakken?

Google [google]jquery add row to tbody[/google]