Valori da condividere tra diverse pagine

Giulio L_13464

Salve
sto utilizzando la trial di pubcoder per capire se mi può essere utile nella realizzazione di demo di app da mostrare ai clienti.

Sto cercando di realizzare una cosa di per se molto semplice, ma non riesco a capire come si debba procedere perché, probabilmente, sto sbagliando approccio.

Provo a semplificare molto.
Quello che mi serve è una pagina con un certo numero di pulsanti. Ognuno di questi avrà una proprietà (l'alias, il testo, ecc.) univoca.
Ho la necessità che al tap su un pulsante venga mostrata un'altra pagina in cui il testo del titolo dipende dal pulsante della pagina precedente.
In pratica avrei la necessità di trasportare da una pagina all'altra delle variabili che consentano di mostrare alcune informazioni relative al pulsante sul quale ho fatto tap.

Stavo provando ad utilizzare javascript ma ho avuto difficoltà nella gestione di una variabile globale che mantenesse il valore al cambio pagina.

Ho immaginato che sia disponibile qualche wizard, ma non riesco a trovare nulla di adatto.
Spero di essere stato chiaro

grazie

Angelo S

Buongiorno Giulio,
per fare questo devi usare Javascript, ed in particolare il Local Storage

Giulio L_13464

Buongiorno Angelo
Si, avevo già provato ad utilizzare localStorage, ma purtroppo non riesco a venirne a capo.
Ho visto che anche sul forum è una domanda ricorrente, ma i link che invii non consentono (almeno a me) di capire dove sbaglio.
Puoi mostrare un esempio anche banale di utilizzo?
Anche semplicemente come impostare qualcosa di simile a questo nel codice del progetto o di una pagina?

localStorage.setItem('myCat', 'Tom');

const cat = localStorage.getItem('myCat');

E' evidente che sto sbagliando qualcosa, ma proprio non riesco a capire di cosa si tratta.

Grazie mille

Angelo S

Buongiorno Giulio,
dovrebbe funzionare in realtà. Ho creato un progetto di esempio:
https://www.dropbox.com/s/m880jcj6541yoct/LocalStorage%20Example.pubcoder?dl=0

su che piattaforma stai facendo i test?

Giulio L_13464

ciao Angelo.
Grazie mille per la risposta.
In effetti ho risolto anche con il tuo progetto di esempio per puro caso. Mi spiego meglio.

Una collega con la quale sto lavorando ha aperto prima di me il tuo esempio ed ha funzionato, ma quando l'ho aperto io ho avuto gli stessi problemi che avevo avuto in precedenza.

A questo punto ho fatto una prova diversa. Anziché utilizzare come avevo fatto fino a quel momento "Anteprima" - "Anteprima veloce progetto", ho aperto direttamente nel browser ed ho scoperto che non solo funzionava il tuo progetto di esempio, ma funzionano anche tutte le prove precedenti che avevo fatto!
Un po' mi rincuora perché stavo diventando pazzo ed invece la scelta era corretta, un po' mi amareggia per il tempo perso.

A questo punto mi chiedo come mai. E' un bug di Pubcoder?

La mia collega lavora su un mac ed ha la licenza regolare.
Io ho un PC con Windows 10 e l'ultima versione (trial) di Pubcoder.

Su che browser si basa l'anteprima veloce di Pubcoder?
Possibile che dipenda da qualche impostazione del pc?
Considera che non ho mai notato problemi di altro tipo.

Angelo S

Ciao Giulio,
l'anteprima veloce dovrebbe essere utilizzata solo per verificare la correttezza del layout, delle azioni e così via. Per test più approfonditi è sempre meglio verificare il funzionamento su quello che sarà l'output definitivo, visto che PubCoder ne supporta tanti (dall'EPUB all'XPUB, dall'HTML alle app) e ognuno ha le sue peculiarità (l'EPUB poi è un mondo a sé perché tutto dipende anche dal reader che verrà utilizzato).
Per la cronaca, su Windows l'anteprima veloce di PubCoder si basa su IE, su Mac usa WebKit (al momento, per la precisione, UIWebView, quanto prima passeremo sulla più moderna WKWebView)

Giulio L_13464

Ciao Angelo.
Grazie per la risposta. Adesso mi è tutto più chiaro.
Proseguo con i test.

Steosx S

Buongiorno Angelo,
ho scaricato l'esempio per la gestione del local storage ma non ne sono venuto a capo...

Sto cercando di realizzare una cosa di per se molto semplice, ma non riesco a capire come si debba procedere perché, probabilmente, sto sbagliando approccio.

Cerco di spiegare il mio problema.

In un ebook con diverse pagine devo nascondere/mostrare dei testi
(quando clicco sul tasto "nascondi il testo" l'azione deve rimanere memorizzata anche per le pagine successive e viceversa per il tasto "mostra il testo")

Ho pensato di inserire due pulsanti in tutte le pagine e di gestire l'azione tramite javascript e local storage utilizzando una classe "hide" legata o al testo o al div contenitore è possibile farlo?
Funzionerebbe con un esportazione EPUB3?

Grazie per la disponibilità

Steosx S

A un pulsante (id=#obj186)

ho assegnato il javascript:

checkImgBtnClicked();

	function checkImgBtnClicked() {
	  const clicked = localStorage.getItem('#obj186-clicked'); // if this is not set it will return null
	  if (localStorage.getItem('#obj186-clicked')) {
	document.getElementById('hide').style.display ='none';  // to display
	  } else {
		// add event listener for image button click(saveClicked function will be executed if user clicks on image button
		document.getElementById('#obj186').addEventListener('click', saveClicked);
	  } 
	}

	function saveClicked() {
	  // set a flag in local storage that image button is clicked
	  localStorage.setItem('#obj186-clicked', 'true'); 
	document.getElementById('hide').style.display ='none';  // to display
	}

Angelo S

Ciao, in PubCoder non puoi settare direttamente l'id di un oggetto, quindi immagino che

document.getElementById('hide').style.display ='none';

non faccia nulla.

Probabilmente hai assegnato a degli oggetti una classe "hide", in quel caso sostituisci quella riga con

$(".hide").css("display", "none");