User interaction on a page with tipsy

Question

Is there a way I can trace what the user does on the page. Mainly I want to do the following thing: User opens a page, if he does not click anywhere on that page to show a tooltip (i'm using tipsy) guiding him which parts are clickable.

So far I've tried several stuffs:

1. I have set tipsy to show manually: trigger : manual ;
2. I made a variable that equals false until the user clicks those clickable items (divs and images)
3. If the variable is false, show the tooltip ( tipsy ).

But I'm missing something because this doesn't work. Here is my code.

$(document).ready(function() {
    var userClick = false;

    function showTooltips() {
        $(document).ready(function()) {
            if(userClick === false)
                $('.nickname .pseudo-white').tipsy('show');
    }

    setTimeout(showTooltips(), 5000);
});

Answer 1

Try getting rid of the extra call to $(document).ready, and pass the function name to setTimeout rather than calling it with ()

$(document).ready(function() {
    var userClick = false;

    function showTooltips() {
            if(userClick === false)
                $('.nickname .pseudo-white').tipsy('show');
    }

    setTimeout(showTooltips, 5000);
});