Popup tonen bij website laden

Door Ray Mond op 29-08-2019 11:48

1.495 views

Goedemorgen allen,

Ik ben op zoek naar een scriptje wat een popup laat tonen bij het laden van de website en graag alleen 1x per dag.
Nu kwam ik al iets tegen https://www.phphulp.nl/php/forum/topic/tutorial-popup-pagina-tonen/101642/ wat ook zeker werkt maar dat is bij elke refresh, graag zou ik er ook een scrollbar in willen verwerken.

Wat nog dichterbij in de buurt komt is: https://relatiebuddy.com/ de popup die daar verschijnt, zoiets zou nog mooier zijn :-) Is er iemand die dit misschien heeft liggen op cookies denk ik dan? 1x per dag laten verschijnen.

Jan R

29-08-2019 12:36 gewijzigd op 29-08-2019 12:39

Op zich is dit rechtstreeks niet moeilijk in php.
indien cookie niet bestaat, zetten en divje met de tekst schrijven. via css opmaken

bij mij is dit de code.


function centerMessage($msg, $klasse=''){
	echo '<div onclick="this.style.display=\'none\'" class="' . $klasse . '">' . $msg . '<br><br>Klik op dit vlak om te sluiten</div>';				
}

Ik heb ook nog een code welke de div automatisch laat sluiten


function tempMessage($msg, $msec = 1000){
       if($msec<0) {$msec=0;}
	if (!isset($_SESSION['msgcounter'])){$_SESSION['msgcounter']=1;}
	$_SESSION['msgcounter']++;
	$id = 'msg' . $_SESSION['msgcounter'];
	echo PHP_EOL . '<div id="' . $id . '" onclick="this.style.display=\'none\'" class="msg">' . $msg . PHP_EOL . '<br><br>Klik op dit vlak om te sluiten.';
       echo '<span id="spanclock' . $_SESSION['msgcounter'] . '" class="fr">' . ms2time($msec) . '</span></div>' . PHP_EOL;
        if($msec>0){
            echo '<script>' . PHP_EOL;
            echo '	setTimeout(function (){hidemsg("' . $id . '")}, ' . $msec . ');' . PHP_EOL;
            echo '  setTimeout(function (){
                down1sec(document.getElementById("spanclock' . $_SESSION['msgcounter'] . '"));
                }, 1000);' . PHP_EOL;
            echo '</script>' . PHP_EOL;
        }
}

Ariën

29-08-2019 12:37 gewijzigd op 29-08-2019 13:08

Als je iets zoals de FancyBox gebruikt, en het voorbeeld van de modal gebruikt. Dan ben je al een aardig eind op weg.

Reageren

Inloggen om te reageren