scroller nel content

[Kassandraxxx]

Salve a tutti esiste la possibilità di sostituire al posto del classico pag 1 2 3 etc del pagebreak uno scroller direttamente sul content?
tipo due freccine che ti fanno scorrere l'articolo verso l'alto o il basso.

[ariess]

ciao Kassandraxxx,
non so se ci sono plugin che fanno questo lavoro ma mi sembra di no.
io ho usato un javascript trovato in rete e l'ho integrato nel codice. qui puoi vedere
http://www.ricdata.netsons.org/test/index.php?option=com_content&view=article&id=19&Itemid=27&lang=it

messo gentilmente a disposizione dallo sviluppatore ed è free 
http://cssglobe.com/post/1495/easy-scroll-accessible-content-scroller

[Kassandraxxx]

mmm ho provato ma non mi funziona sul template

[ariess]

sicura di aver seguito correttamente tutte le operazioni come da guida?
non ho avuto modo di testarlo con template diversi da quello che sto usando ora, comunque è possibile che in alcuni non vada. controlla se il template fa uso di altri script che potrebbero interferire. se ti servono informazioni chiedi pure.

in alternativa puoi trovare template che hanno lo scroller già inserito, per esempio il "red caste" che se non sbaglio lo puoi trovare qui su joomla.it

ciao

[Kassandraxxx]

riprovo a mente  fresca domani e vediamo intanto grazie per le dritte

[Kassandraxxx]

http://www.corso-joomla.it/rosiello/index.php?option=com_content&view=article&id=9&Itemid=15

adesso funziona lo scroller però non riesco a settare la larghezza e se volessi mettere invece del menu orizzontale delle freccettine verticali?

[ariess]

la larghezza la puoi impostare inserendo questo nel css del template

Codice: [Seleziona]

#myContent {
width:514px;
}
ovviamente la larghezza la imposti come vuoi
per l'altezza devi aprire con un editor ti testo il file dello script easyscroll.js e modifichi in questa riga

var height = 420;

per associare un'immagine ai pulsanti (sempre nel css del template):

Codice: [Seleziona]

#btnUp {
background:url("../images/up.png") no-repeat;
height:....px;
width:....px;
}
#btnDown{
background:url("../images/down.png") no-repeat;
height:....px;
width:....px;
}
mettendo le immagini nella cartella images del template, altrimenti cambi il percorso

per posizionare le freccie lateralmente io ho dato un float:right alla classe #easyscrollnav ma sul tuo sito non risolve.
quando avrai fatto le altre modifiche vedremo di sistemarlo 

ciao

[Kassandraxxx]

allora sono riuscita a settare grazie ai tuoi consigli larghezza e bottoni
ma non sono riuscita a mettere le freccine in laterale.

l'index è strutturata cosi

Codice: [Seleziona]

<div id="contenuto2">
     <div id="easyscroll">
        <jdoc:include type="component"/>
     </div>   
     <div id="easyscroll2">
        <div id="easyscrollnav"></div>
     </div>
</div>
il div contenuto2 è diviso in due parti in una c'e' il testo (float:left)che scorre, mentre in easyscroll2 (float:right)dovrebbero apparire le freccine.
ma le frecce appaiono sempre nel div che contiene il testo che scorre, devo settare qualcosa nel javascript?

http://www.corso-joomla.it/rosiello/index.php?option=com_content&view=article&id=9&Itemid=15

grazie ancora per il tuo aiuto

[ariess]

sono un attimo in panne abbi pazienza
perchè hai creato il div easyscroll2 con all'interno il div easyscrollnav?
da quanto vedo le frecce appaiono comunque nell'altro div.

io nel php ho fatto semplicemente così:

Codice: [Seleziona]

<div id="contenuto">
   <div id="myContent">
      <jdoc:include type="message" />
      <jdoc:include type="component" style="xhtml"/>
   </div>
</div>

[Kassandraxxx]

<div id="contenuto2">
<jdoc:include type="component" /><jdoc:include type="message" /></div>   
                  
adesso torna perfettamente:)
unica cosa ho visto che su ie7 le freccettine rimangono sempre dove prima...

http://www.corso-joomla.it/rosiello/index.php?option=com_content&view=article&id=9&Itemid=15

grazie mille per le dritte e scusa il ritardo

ultima cosa ma se volessi mettere le freccine una in basso e una in alto?

[ariess]

purtroppo non ho IE7 per vedere e darti un suggerimento
con IE8 non ci sono problemi

se volessi portare le frecce lateralmente al testo puoi aggiungere questo alla classe css di easyscrollnav

Codice: [Seleziona]

#easyscrollnav  {
float:right;
margin-top:170px;
width:1px;
}

ultima cosa ma se volessi mettere le freccine una in basso e una in alto?

ci credi che sono giorni che ci sto pensando? sul mio sito ci sono riuscito ma non mi ricordo come ho fatto!!
mi sembra di aver messo un <br_> da qualche pparte, ma ho riguardato tutto il codice e non ne trovo traccia 
comunque con la modifica che ti ho suggerito sopra le freccie si spostano in vrticale ma non sono ben allineate.

cercherò di spremermi le meningi per darti una risposta...

ciao
riccardo

[ariess]

mi si è accesa la lampadina  ehehehe

dopo aver fatto la modifica a easyscrollnav puoi gestire la posizione delle frecce modificando i margin nelle classi btnUp e btnDown e metterle come vuoi
se ti serve un aiuto più specifico fammi sapere

buona serata

[Marksss]

Ciao, stavo cercando di utilizzare questo script, ma non ho ben capito come muovermi..

Questo è il pezzo di codice che rigurada il content:

Codice: [Seleziona]

<div id="maincolumn_left">
<div class="cpathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>

Grazie.

[zizus]

Salve
Scusate se mi intrometto in un post oramai molto avviato,
anche io vorrei inserire lo scroller, ma sono completamente a digiuno di nozioni,
mi potreste gentilmente spiegare come fare.
Scusate non sono abituato a  fare queste richieste di accompagnamento mano nella mano,
mi permetto solamente perché ho la convinzione che se riuscissi a inserire lo scroller il mio sito migliorerebbe notevolmente.
Grazie per l'aiuto che vorrete darmi.

[ariess]

hai provato a seguire quanto è stato già detto?
che problemi hai in particolare?

[zizus]

il problema principale è il non sapere dove inserire i codici che voi menzionate.
mi spiego sono un grafico e sono completamente a digiuno di programmazione.
scusate

[ariess]

per prima cosa devi caricare il js sul server creando una cartella ad es. "easyscroll" e dentro ci metti il file easyscroll.js

poi apri il file index.php del template e all'interno dei tag <head>....</head>
inserisci questo codice

Codice: [Seleziona]

<script type="text/javascript" src="easyscroll/easyscroll.js"></script>
ora sempre nel file index devi individuare il div che contiene i componenti e lo racchiudi all'interno di un div come questo

Codice: [Seleziona]

<div id="myContent">
     
   </div>

poi potresti personalizzare le frecce con queste regole css da inserire nel css del template (di solito template.css)

Codice: [Seleziona]

#btnUp {
background:url("../images/up.png") no-repeat;
height:....px;
width:....px;
}
#btnDown{
background:url("../images/down.png") no-repeat;
height:....px;
width:....px;
}
per impostare l'altezza del div da scrollare apri il file easyscroll.js e modifichi il valore in questa riga

Codice: [Seleziona]

var height = 200;

[zizus]

grazie gentilissimo
mai ricevuto una spiegazione più dettagliata. credo che trall'altro sarà utilissima a molti è quasi un tutorial 
solo un ultima domanda se volessi applicarlo solo a determinate pagine e non al contenitore in generale.

grazie ancora davvero gentilissimo

[ariess]

in tal caso dovresti fare un duplicato del template... uno con lo scroller ed uno senza poi tramite gestione template imposti il template da usare per le diverse voci di menu 

[zizus]

gentilissimo davvero, semplice ma geniale
grazie