Click e Copia (clipboard)
Ciao ragazzi,
dopo due mesi di lavoro sul mio sito internet in locale che vorrei tanto mettere online sono rimasto fermo da circa 3 settimane nel punto seguente..
Vorrei aggiungere una funzione, che penso funzioni solo con Javascript: Ho cratato una View in Drupal 8 creando una spece di tabella con alcuni contenuti di testo fatti con le field collection.. fino a questo punto tutto bene! In un campo pero' vorrei avere la possibilità che i visitatori possono cliccare e copiare una parola direttamente nella clipboard, click e copia, non conosco il termine preciso... ho trovato diversi javascript tramite google, so pure dove inserili sul mio theme di drupal, creando la cartella /js e fare il refirimento nella mia tema.libraries.yml, purtroppo con tutti i miei tentativi con html nei view non sono riuscito a fare questo click e copia automatico... sarei felicissmo se qualcuno potrebbe dirmi come fare e mostrandomi come fare... sono 3 settimane che ci sto dietro :(
Ho provato anche con il modulo "clipboard.js" purtroppo senza succeso, forse non funzione oppure sono io che non riesco a configuralo, non so...
Grazie in anticipo
Risposte
mi spiace che l'hai fatto
mi spiace che l'hai fatto senza succeso.. ora lo faremo con successo :D
DEMO
https://jsfiddle.net/eugeniotcs/aaq96a0q/
Ps:
non ho capito cosa significa - Ho cratato una View in Drupal 8 -
non mi è chiaro il punto in cui vuoi inserire lo script, trattandosi di una view...
ciao flashjat, grazie mille
ciao flashjat,
grazie mille per lo sforzo, purtroppo ancora non sono riuscito, ho copiato il javascript che mi hai linkato nella mia dirctory /themes/miotema/js/clipboard.js
Non so dove sbaglio, quindi vi faccio vedere come faccio, magari sbaglio qualcosa che non so:
Tutto sul mio JavaScript (penso sia tutto coretto, non è qui l'errore ma sul mio codice html):
Nome file: clipboard.js
- File con riferimento alla miotema.libraries.yml
Cartella File: /themes/miotema/js/clipboard.js
- Cartella con riferimento alla miotema.info.yml
Come ho scritto penso che il mio JavaScript sia inserito correttamente con i riferimenti fatti giusti..
Ora arriviamo al punto dove metto il codice html, .. ho creato una View, questa View è piena di campi, (modulo: field collection) - se si clicca sopra i campi nell'impostazione della View si apre la configurazione, li c'è la possibilità di inserire un codice personalizzato cliccando su "Sostituire risultati" poi -marcando il primo punto si apre una area di testo dove è possibile inserire un codice personalizzato, per il momento ho inserito questo codice html per riconoscere i miei campi:
"field_parolachiave" non è nient'altro che il nome del campo che ho creato con field collection, è il campo dove sta il testo da copiare
non so come realizzarlo con questo:
secondo me è qui che sbaglio qualcosa con il codice html.. non riesco a creare un collegamento con lo javascript...
cmq per mostrare il testo della field deve essere scritta cosÌ, questo penso sia giusto:
Ciao, drupal 8 sono un po
Ciao, drupal 8 sono un po indietro ma questo ti è sicuramente utile
http://redcrackle.com/blog/drupal-8/theme-views-templates
il javascript lo puoi inserire nel template che crei.
Una volta che carichi il file pulisci la cache
Ci sono altri metodi per inserire i javascript, vedi il modulo book è un ottimo esempio, tuttavia ci sono cose un po complesse come drupal behaviors da comprendere.
Si tratta del "comportamento drupal" tradotto. Nel core Drupal ha un plugin jQuery che crea l'oggetto Drupal.behaviors
A questo oggetto si allea uno spazio dei nomi - namespace - esempio per book è bookDetailsSummaries
si attacca al contesto poi la funzione al DOM del browser, funzionalità appuno del plugin jQuery
Quanto sviluppi per il js ti aiuta:
console.debug("Here is blah: %o", blah); // dove blah è la variabile
Quello che ti consiglio di non andare a tentatvi ma di acquisire una conoscenza base analizzando i moduli stessi di drupal.
Ciao!
Ci sei riuscito?
Ci sei riuscito?
ciao flashjet, grazie per
ciao flashjet, grazie per risposta e scusa per la mia risposta fuori tempo.. sono ritornato oggi dalle vacanze... non ho più fatto niente con il mio sito, ti faccio sapere in settimana
Quindi, il mio codice JS e il
Quindi, il mio codice JS e il codice HTML nella Views erano giusti... avevo sbagliato solo nel file tema.info.yml ad inserire "miotema/js" dato che il file si chiamava clipboard.js l'ho dovuto nominare "miotema/clipboard" come il file, all'inizio pensavo che era una directory a cartelle ma non è così... l'ho scoperto per caso vedendo come era realizzato nel tema originale bootstrap!
prima (sbagliato):
dopo (giusto):