Avec des cookies JQuery: UI Astuces / Notes - Cachez-les après la poursuite de l'utilisateur

Question

le point de départ :

J'ai une interface d'application Web délicate (ne devrait pas l'être, mais c'est un autre sujet). Pour être compris par l'utilisateur, j'ai construit des notes. Par exemple: une flèche indique la direction pour glisser sur l'écran pour afficher le menu.

le problème :

Chaque fois qu'un utilisateur recharge la page ou accédez à une autre page (sous-) page, les astuces apparaissent à nouveau. Non-sens - et ennuyeux pour l'utilisateur.

la solution :

Montrez les indications que lorsque cela est nécessaire. Lorsque l'utilisateur déclenche un événement, l'indice de cet événement disparaît. Si l'utilisateur recharge ou visitez la page quelques jours plus tard, il comprend déjà comment cela fonctionne et il n'a pas besoin de voir les indications.

la mise en œuvre :

biscuits jQuery. Quelque chose comme:

Si l'événement est déclenché -> Set cookie. Cookie dit -> N'affichez pas l'indice (par exemple avec .CSS ("Affichage", "Aucun") serait suffisant)

où j'ai besoin de votre aide :

Je ne trouve pas de bon tutoriel ou de documentation pour les cookies JQuery. Im un débutant jquery. Les fonctions faciles ne sont pas un problème. Mais c'est un peu trop grand encore.

Merci pour toute aide ou liens utiles!

Answer 1

jsfiddle: http://jsfiddle.net/wrxssti85/9nubf/

Ceci est une optique de base de base que j'avais l'habitude d'utiliser.Il ne nécessite aucune autre bibliothèque, donc son petit et léger.

La première fois que vous chargez le violon, vous verrez l'info-bulle.Cliquez à nouveau sur Courir et ce ne sera pas là.

function getCookie(c_name) {
    var i, x, y, ARRcookies = document.cookie.split(";");
    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g, "");
        if (x == c_name) {
            return unescape(y);
        }
    }
}

function setCookie(c_name, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = c_name + "=" + c_value;
}

function checkCookie() {
    var status = getCookie("showToolTip");
    if (status != null && status == 1) {
        $('.TT').hide();
    } else {
        setCookie("showToolTip", "1", 365);
    }
}

$(function() {
    checkCookie();
});

J'espère que cela vous aidera!Faites-moi savoir si vous avez des questions.