[Javascript] Ricordare il click con i cookies

trattorino

Utente Attivo
23 Lug 2016
174
2
18
39
Salve a tutti, allora io ho creato un blocco div che ogni volta che viene cliccato questo si chiude, inserendo il block none dei css, uso jquery , questo codice
HTML:
$('.ChiusuraBlock').click(function(){
$('.hide-blockC').slideToggle()
});
clicco e lo chiude, ora la domanda è questa, come posso far in modo che a ogni refresh possa salvare l'ultima azione che un utente ha cliccato, se clicco e si chiudo, vorrei che se visito la pagina trovo il blocco già chiuso, spero di essermi spiegato bene, grazie in anticipo, a presto
 

trattorino

Utente Attivo
23 Lug 2016
174
2
18
39
non ci riesco... non puoi darmi uno spunto tu con il codice che ho inserito?
 

otto9due

Utente Attivo
22 Feb 2014
529
21
28
Perdonami il ritardo nella risposta ma ho avuto qualche problemino in questi giorni..
Ti ho preparato un esempio dimostrativo, è chiaro che poi va sviluppato per quello che ti serve..
Codice:
<!DOCTYPE html>
<html>
<head>
<title>Pagina di prova</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
   // Salvo nello storage (qui puoi salvare quello che ti pare come fosse una variabile)
   // Quando ricaricherai la pagina puoi riprendere quel dato salvato
localStorage.nome = "Prova Nome";
   // Esempio di lettura dallo storage
$( "div.demo" ).html(localStorage.nome);

    // Stessa cosa con le sessioni, in questo caso si registrano così però
    // Puoi prevedere anche una funzione che conta i click
    sessionStorage.clickcount = "quello che ti pare";
    $( "div.demo1" ).html(sessionStorage.clickcount);
});

</script>
</head>
<body>
  <div class="demo"></div>
  <div class="demo1"></div>
</body>
</html>
 
  • Like
Reactions: trattorino

trattorino

Utente Attivo
23 Lug 2016
174
2
18
39
Cosa ci va sul testo prova nome, se provo a far girare questo codice, poi mi scompare il contenuto dentro il div, io usa semplicemente questo

HTML:
$('.ChiusuraBlock').click(function(){
$('.hide-blockC').slideToggle()
});

 <div class="ChiusuraBlock"></div>
mi apre e chiude il blocco
 

otto9due

Utente Attivo
22 Feb 2014
529
21
28
Dovresti fare un if. Per esempio, fare in modo di dare un valore 0 o 1 al dato che salvi nello Storage. Quando l'utente apre la pagina, in base all'ultimo valore salvato nello Storage, aggiungi o togli il display:none; o comunque fai in modo che hide-blockC appaia in base al valore salvato in storage. Se il valore fosse 1 ad esempio aperto, al contrario se è 0 parte chiuso.
Ora sono da cell non riesco a mandarti nulla, lunedì se ancora non hai risolto vedo di mandarti qualcosa.


Saluti G.G.
 

otto9due

Utente Attivo
22 Feb 2014
529
21
28
Se ho capito bene cosa ti serve, anche se la soluzione non è particolarmente elegante, prova con questi aggiustamenti.
Codice:
<!DOCTYPE html>
<html>
<head>
<title>Pagina di prova</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$( document ).ready(function() {
    // Verifico l'ultimo stato memorizzato e lo imposto
    var stato = localStorage.status;
        if (stato == 1) {
            $(".demo").css("display", "initial");
        } else {
            $(".demo").css("display", "none");
        }
    // Al click Cambio e salvo lo stato nello storage
        $("button.but").click(function () {
            $(".demo").toggle();
            if (stato == 1) {
                localStorage.status = 0;
            } else {
                localStorage.status = 1;
            }
        });
    });
</script>
</head>
<body>
  <button class="but">Apri</button>
  <div class="demo" style="display: none;">Prova di div da far scomparire e ricomparire, ricordando l'ultima mossa</div>
</body>
</html>

Ho dato per scontato che all'inizio ( prima di ogni click dell'utente ) il testo deve essere nascosto.. In caso contrario basterà togliere il style="display: none;" dal div.
 
Discussioni simili
Autore Titolo Forum Risposte Data
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 2
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0
I [Javascript] window.location.href porta alla nuova pagina e ritorna incomprensibilmente. Javascript 0
L [Javascript] input variabili di scrittura con canvas Javascript 2
G [Javascript] Passare un valore via querystring Javascript 1

Discussioni simili