Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : roxdragon 19 Feb 2012, 04:33:39
-
Salve a tutti... dopo varie ricerche sul web ho trovato due plugin per lo spoiler...
nessuna andata a buon fine...
il primo plugin era "core design... (e poi non ricordo il nome) " questa funzionava solo a vista d'occhio.. però se cliccavo su spoiler non si apriva la tendina
secondo plugin: EJS easy plugin spoiler se non erro... ma non fa al caso mio..
non c'è un plugin per lo spoiler, come nei forum?
|SPOILER| click here
....
...
Grazie... spero qualcuno mi possa aiutare... :)
Uso joomla 2.5
-
ciao roxdragon, hai provato con jquery? potresti creare uno "spoiler" semplicemente inserendo i contenuti da nascondere in un div a cui dai classe, che so, spoiler? :P quindi con jquery applichi qualcosa come:
$(document).ready(function(){
$(".spoiler").hide(); //nasconde tutti gli spoiler al caricamento
$(".spoiler").click(function(){
this.show();
});
});
la sintassi è una schifezza come l'ho scritta io ma non avendo ora a disposizione una piattaforma per il test non ho potuto fare altrimenti!
-
Ciao! scusa ma dovrei metterlo nel sorgente dell'articolo?
Non mi intendo molto di linguaggi basati sul web...!!! conosco C :)
-
all'inizio è stata dura anche per me non preoccuparti, ma alla fine ti accorgerai che sono più o meno tutti uguali ;)
E' un codice che va tra i tag <script></script> a loro volta all'interno dei tag <head></head> (già presenti nel file index.php del tuo template).
-
hehehe lo spero che sia semplice
quindi devo modificare il file index.php e incollare quel codice su
<head>
<script>
$(document).ready(function(){ $(".spoiler").hide(); //nasconde tutti gli spoiler al caricamento $(".spoiler").click(function(){ this.show(); });});
</script>
</head>
devo fare cosi?? e poi come lo metto lo spoiler?? cioè... basta scrivere nell'articolo [spoiler] ??O_O
-
la prima parte è proprio così, nel testo dell'articolo invece devi, in modalità no-editor o vista codice html del tuo editor, inserire un tag
<div class="spoiler">contenuto dello spoiler</spoiler>
anche se pensandoci la cosa è più complessa di quanto ho immaginato... sto entrando in un vicolo cieco e ti sto portando con me, scusami :D
Ci vorrebbe infatti un pulsante sempre visibile che potremmo individuare in questo modo: spero che riesci a seguire il discorso!
questo è il codice che implementa lo spoiler (da incollare in html nell'articolo):
<div class="spoiler-contenitore">Spoiler<div class="spoiler-contenuto">Contenuto<><>questo è il codice che regola le animazioni (da incollare nel template)
<script>
$(document).ready(function(){
$(".spoiler-contenuto").hide(); //nasconde tutti gli spoiler al caricamento
$(".spoiler-contenitore").click(function(){
$(".spoiler-contenuto").show();
});
});
</script>
-
Ok grazie proverò! :)
-
Ciao.. Ho letto il post ed è molto interessante. avrei un problema anke io con lo spoiler.. Magari riuscite a risolvermelo... ;) Praticamente a me piacerebbe avere lo spoiler direttamente nell'edit del backend senza stare ogni volta a inserirlo, anke xkè gli utenti che si registrano al sito possono scrivere articoli e devono avere a loro volta la possibilità di inserire dati all'interno dello spoiler.. quindi mi serve uno spoiler ke di default diciamo è già dentro l'edit.. basta scriverci dentro.
Riuscite ad aiutarmi???? Sto impazzendo ragazzi..
Grazie mille!!!! :D
-
usi la stessa procedura, solo che nell'editor (frontend o backend che sia) tra le classi già implementate o tra gli stili canonici (paragrafo, header 1, preformattato, ecc...) aggiungi la classe o il tag <div class="spoiler-contenuto">
Nel codice javascript inoltre anzichè attivare solo lo spoiler, appendi al div con classe spoiler-contenuto il link per mostrare tale spoiler