Question

Well, i was trying to reach a solution and i thought this might work:

On the PHP file:

$liguem = getdate();

$liguemoff = $_COOKIE['liguemoff'];
$liguemon = $_COOKIE['liguemon'];

if(empty($liguemoff)){
    setcookie('liguemoff',$liguem[0],time() + (50000));
}

setcookie('liguemon',$liguem[0],time() + (20000));



$body->assign("COOKIE2", $liguemoff);
$body->assign("COOKIE3", $liguemon);

This has some body assign because I’m working with XTemplate, but the PHP is just PHP.

Now on the index file, some JavaScript:

var cookie2 = {COOKIE2};
var cookie3 = {COOKIE3};

if( cookie3-cookie2 > 60){
    alert('alerta');
};

Truth is that it works! People might not be navigating, but it is what i want, the pop up will only open after the visitor sees at least 2 pages (Server-side thing).

The main problem is, that i CAN’T make the function popup(); to trigger where i have the ALERT displaying. The ALERT is working alright though…. Any hints?

PS:

This is the popthat(); function:

function popthat(){
    $("#darkside").css('opacity','0.3').fadeIn('slow');
    $("#darkside").click(function () { 
    $(this).css('opacity','1').fadeIn('fast');
    $("#liguem").hide();
    });
        $("#liguem").corner();
    $("#liguem").hide();
    $("#liguem").delay(200).css('visibility','visible');
    $("#liguem").fadeIn('fast');
}

Answer 1

You can set a timeout to display your popup after a specified amount of time. This amount of time can be dicated by your PHP since the server-side code will be able to track the amount of time on the site through page-views. This way the popup can display after 60 seconds on the site even if the user is not navigating to another page.

Something like:

setTimeout(popthat, <?php echo $_COOKIE[...]; ?>);

Your PHP would echo the number of milliseconds until the popup should display.

A note: when you replace your alert() with the popthat() function the DOM may not be ready and popthat() won’t be able to work because it won’t find any elements that match your selectors. Try running your code on document.ready ($(function() {});).