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

[Vulpiani]

Falso allarme, ci sono riuscito, semplicemente, non funzionava bene Filezilla

[bettyb_87]

Allora sono stata indirizzata qui e con molto piacere devo dire che grazie alla spiegazione più che chiara sono riuscita ad inserire lo script. Ora il problema è: come tolgo le critte scroll up e scroll down per sostituirle con le frecce? Cioè io le frecce le ho messe ma sotto si vede lo stesso il testo . Idee ?

[ariess]

bene, vedo che ci sei riuscita!!

le scritte dei pulsanti le trovi nel file .js in questa riga

var nav = ["Scroll Up", "Scroll Down", "Reset"];

puoi cambiarle o toglierle da lì

bye

[bettyb_87]

La cosa buffa è che se le cancello non funziona più lo script  c'è un comando in js tipo il display:none del css? Poi un'altra informazione: ho spostato le frecce seguendo il tuo consiglio ma il reset non ne vuole sapere di muoversi  forse sbaglio qualcosa?
#edit: fra l'altro accanto alle freccine mi appaiono i puntini come quelli del menu lista... Come li levo?
Grazie mille 

[ariess]

assicurati di aver cancellato nella riga giusta e non togliere tutta la riga ma solo le scritte
questo è come deve diventare

// navigation buttons text
var nav = ["", "", ""];


posta il link del sito così vediamo anche per il resto 

[bettyb_87]

Purtroppo sto lavorando in locale 
Credo di aver capito il problema: siccome ho messo le immagini delle frecce come sfondo se tolgo le scritte non è che non funziona + è che non si vedono più le freccette T_T come posso fare?

[ariess]

devi specificare le dimensioni delle immagini delle freccie nel 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;
}

[bettyb_87]

Grazieeeee! Funziona finalmente 

[bettyb_87]

Come non detto...
Scusate se scoccio ancora ho notato che adesso se clicco modifica articolo l'editor appare ma non mi fa interagire 
Posso chiedere se c'è per caso un modo per attivare lo script solo nel body dell'articolo? io utilizzo ruhk milkyway e temo di aver sbagliato il div a cui ho applicato lo script 
Sono disperata

[ariess]

hai ragione... non mi ero accorto di questa cosa
ho provato anche io ed in effetti non si riesce a scrivere nell'editor...
purtroppo non so come risolvere 

[bettyb_87]

che peccato 
per gli altri componenti avevo ovviato creando una copia del template senza script... ma non c'è un per assegnare un template solo a modifica articolo purtroppo nè riesco ancora a trovare il div del body, perchè non me li da separati ma così
<jdoc:include type="component" />
cioè il contenuto per lui è tutta una cosa.
Mi stavo chiedendo se forse non si potesse fare con un override dell'aspetto articolo, ma sinceramente non saprei dove mettere mano e probabilmente sto bestemmiando 
Non fa niente comunque grazie lo stesso per lo script, penso che lo utilizzero in altri frangenti 

@edit:
o_O oddio non ci posso credere avevo ragione o_O
ho fatto l'override del com_content per la visuale articolo e ho applicato il div class mycontent solo ad article content e funziona.
Che emozione 

[ariess]

bravissima!!! che lampo di genio!! 

non mi era proprio venuto in mente che si sarebbe potuto applicare solo ad alcuni tipi di contenuti...

grazie mille di aver condiviso la soluzione