Voglio creare un contenitore div con un messaggio per i visitatori al mio sito per la prima volta. I visitatori lo leggeranno e fare clic su un pulsante "Nascondi" per scomparire per sempre.In che modo, con jQuery, posso dire se un visitatore del sito web è già stato sul sito?
Come è fatto?
Che dire dell'utilizzo dello Cookie plugin per jQuery?
$.cookie('the_cookie', 'the_value'); // Create a session cookie ("the_cookie") and set its value to "the_value"
$.cookie('chocolate_chip_cookie', 'the_value', { // create a cookie with all available options
expires: 7, // expires in seven days
path: '/', // accessible from the whole site...
domain: 'jquery.com',
secure: true // ...but only on a secure connection
});
$.cookie('the_cookie', null); // delete the session cookie
È possibile ottenere questo risultato:
Si può fare 1. con JavaScript ma anche con PHP. 2. può essere eseguito solo lato server con ad es. PHP.
Questo tutorial può essere utile: http://www.shopdev.co.uk/blog/cookies-with-jquery-designing-collapsible-layouts/
Sto cercando di usare il plugin biscotto senza codice luck.My molto finora è: var avviso = $ .cookie ('beenHereBefore'); // se il cookie ha un valore 'sì', nasconde altrimenti l'avviso se non ha quel valore, lo visualizza e imposta un valore del cookie 'sì' al click if (alert == 'yes') { \t $ ("# alert"). Hide(); } else { $ ("# alert"). FadeIn ("2000"); \t \t \t \t \t \t $ ("# alert") Click (function() { \t \t \t $ (this) .slideUp ("400");. \t \t $ .cookie ('beenHereBefore', 'sì '); \t \t}); \t} Non funziona, nessun pensiero? – Zander
Ho il mio setup su JSBIN, ti dispiacerebbe controllarlo. Sembra funzionare, ma non sono sicuro di nascondere l'elemento correttamente e non so se il codice potrebbe essere ottimizzato. http://jsbin.com/obutu Molte grazie – Zander
Il tuo codice è tutto a posto, ma se vuoi eliminare lo sfarfallio visualizzato nelle visite successive, probabilmente dovresti andare con l'impostazione del CSS di #alert da visualizzare : nessuno. jQuery mostrerà automaticamente l'elemento quando chiami fadeIn: http://jsbin.com/igube – moff