Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Okienko z informacją - wybór zapisywany w cache

HTML  Założony przez  Poftorek.

18.04.2017, 22:36
#1
Czym najlepiej (najoptymalniej) mogę zrobić informację dla użytkowników, którzy po zapoznaniu się z tekstem mogą kliknąć X. Po kliknięciu, powinni nie widzieć już jej, aż do czasu usunięcia cache.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
18.04.2017, 22:47
#2
Czysty javascript z zapisem do localstorage. Po kliknięciu danego przycisku dodajesz flagę do twojej zmiennej, a przed wywołaniem funkcji pokazującej okienko sprawdzasz warunkiem jej status.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
18.04.2017, 22:49
#3
(18.04.2017, 22:47)Divir napisał(a): javascript z zapisem do localstorage
A jeśli chciałbym kontrolować to? To znaczy, że w dowolnym momencie mogę zmienić tekst, i wtedy dzieje się to od początku?
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
18.04.2017, 22:54
#4
Po prostu zmieniasz tekst i flagę w localstorage przez js z true na false (lub odwrotnie, zależy jak to zakodujesz).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
19.04.2017, 20:18
#5
Powiedzmy, że zastosuję jednak informację o cookies. Chciałbym, aby po jakiejś zmianie każdy miał wyświetlone zmienioną informację, niezależnie od tego, kiedy zaakceptował.

Wiem, że po zmianie T na N, osoby, które zaakceptowały komunikat w czasie flagi T, mają go wyświetlony jeszcze raz.

Kiedy zmienię na N, osoby, które zaakceptowały komunikat w czasie flagi N, nie mają możliwości zauważenia tego komunikatu ponownie.

Tutaj zmieniam T na N i odwrotnie.
if(WHReadCookie('cookies_accepted') != 'T') 

/*
 * Skrypt wyświetlający okienko z informacją o wykorzystaniu ciasteczek (cookies)
 * 
 * Więcej informacji: http://webhelp.pl/artykuly/okienko-z-informacja-o-ciasteczkach-cookies/
 * 
 */

function WHCreateCookie(name, value, days) {
    var date = new Date();
    date.setTime(date.getTime() + (days*24*60*60*1000));
    var expires = "; expires=" + date.toGMTString();
    document.cookie = name+"="+value+expires+"; path=/";
}
function WHReadCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

window.onload = WHCheckCookies;

function WHCheckCookies() {
    if(WHReadCookie('cookies_accepted') != 'T') {
        var message_container = document.createElement('div');
        message_container.id = 'cookies-message-container';
        var html_code = '<div id="cookies-message" style="padding: 10px 0px; font-size: 14px; line-height: 22px; border-bottom: 1px solid rgb(211, 208, 208); text-align: center; position: fixed; top: 0px;     background-color: #071927; width: 100%; z-index: 999;">Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. <a href="http://wszystkoociasteczkach.pl" target="_blank">Dowiedz się więcej</a><a href="javascript:WHCloseCookiesWindow();" id="accept-cookies-checkbox" name="accept-cookies" style="background-color: #004be5; padding: 5px 10px; color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer;">Rozumiem</a></div>';
        message_container.innerHTML = html_code;
        document.body.appendChild(message_container);
    }
}

function WHCloseCookiesWindow() {
    WHCreateCookie('cookies_accepted', 'T', 365);
    document.getElementById('cookies-message-container').removeChild(document.getElementById('cookies-message'));
} 
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
19.04.2017, 20:43
#6
Zrób to tak, że (skoro zdecydowałeś się na używanie ciasteczek) w wartości cookie przechowuj zapisaną wersję komunikatu.


if ( $.cookie("info") == "infoV3" ) { // jeśli wersja ciasteczka to infoV3
return false; // nie rób nic
} else { // w przeciwnym wypadku odwołaj się do jakiejś funkcji
doStuff();
}
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
19.04.2017, 20:57
#7
Tak? Nie działa, mam zaznaczone akceptowanie na T oraz N - nie ukazuje się ponownie.

/*
 * Skrypt wyświetlający okienko z informacją o wykorzystaniu ciasteczek (cookies)
 * 
 * Więcej informacji: http://webhelp.pl/artykuly/okienko-z-informacja-o-ciasteczkach-cookies/
 * 
 */
if ( $.cookie("info") == "infoV3" ) { // jeśli wersja ciasteczka to infoV3
 return false; // nie rób nic
} else { // w przeciwnym wypadku odwołaj się do jakiejś funkcji
  WHCheckCookies();
}

function WHCreateCookie(name, value, days) {
    var date = new Date();
    date.setTime(date.getTime() + (days*24*60*60*1000));
    var expires = "; expires=" + date.toGMTString();
    document.cookie = name+"="+value+expires+"; path=/";
}
function WHReadCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

window.onload = WHCheckCookies;

function WHCheckCookies() {
    if(WHReadCookie('cookies_accepted') != 'T') {
        var message_container = document.createElement('div');
        message_container.id = 'cookies-message-container';
        var html_code = '<div id="cookies-message" style="padding: 10px 0px; font-size: 14px; line-height: 22px; border-bottom: 1px solid rgb(211, 208, 208); text-align: center; position: fixed; top: 0px;     background-color: #071927; width: 100%; z-index: 999;">Ta strona używa ciasteczek (cookies), dzięki którym nasze forum może działać lepiej. <a href="http://wszystkoociasteczkach.pl" target="_blank">Dowiedz się więcej</a><a href="javascript:WHCloseCookiesWindow();" id="accept-cookies-checkbox" name="accept-cookies" style="background-color: #004be5; padding: 5px 10px; color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer;">Rozumiem</a></div>';
        message_container.innerHTML = html_code;
        document.body.appendChild(message_container);
    }
}

function WHCloseCookiesWindow() {
    WHCreateCookie('cookies_accepted', 'T', 365);
    document.getElementById('cookies-message-container').removeChild(document.getElementById('cookies-message'));
} 
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
19.04.2017, 21:45
#8
Masz: https://jsfiddle.net/17o2gnc2/
Możesz się tym wzorować. Jeśli nie chcesz używać tego w MyBB, a w projekcie bez jQuery i będziesz miał problem z przepisaniem tego na czysty JS to daj znać.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

1 gości