[Risolto]Inserire questa splendida barra laterale

[userjoomla1]

Ciao ragazzi, ho trovato questa bellissima barra laterale che farebbe proprio al caso mio!
http://www.andrewsellick.com/examples/sliding-side-bar/
Come posso implementarla in Joomla! secondo voi??
Grazie

[ariess]

ciao,

se te la cavi con l'html la puoi inserire nell'index.php del template.
se te la cavi anche con PHP ci puoi fare un modulo.
altrimenti ti prendi questo moduletto già bello e pronto 

http://www.joomla.it/articoli-della-community/4489-un-pannello-scorrevole-dove-inserire-moduli.html

[userjoomla1]

ciao,

se te la cavi con l'html la puoi inserire nell'index.php del template.
se te la cavi anche con PHP ci puoi fare un modulo.
altrimenti ti prendi questo moduletto già bello e pronto 

http://www.joomla.it/articoli-della-community/4489-un-pannello-scorrevole-dove-inserire-moduli.html

Ciao ricdata, la barra del link che mi hai dato l'ho già provata, ma purtroppo ha quel fastidioso problema che si apre e si chiude a ogni caricamento di pagina e allora l'ho scartata. Mentre quella che ho trovato io non avrebbe nessun problema, solo che non so come fare ad inserirla in un modulo. Hai qualche suggerimento? Grazie

[ariess]

se non hai troppa fretta te lo faccio io il modulo.

[userjoomla1]

Mi faresti un grandissimo piacere ricdata! Grazie mille

[ariess]

ecco il modulo 

provalo e vedi se è tutto ok.
per inserire i moduli all'interno del pannello gli devi impostare come posizione "panel".

[ariess]

ho fatto una piccola correzione...


----------allegato rimosso--------

[userjoomla1]

Wow ricdata...che velocità! L'ho provata e devo dire che va benissimo!! Complimenti! Mi sembra anche più leggera rispetto all'altra. Solo una cosa ho notato, con IE e Firefox tutto ok, mentre con Chrome ha qualche problemino, non so se è solo nel mio caso, o succede anche a te?
Per il resto è proprio quello che volevo.  Grazie mille ancora!
P.S. Sarebbe bello in seguito far in modo che si chiuda premendo in un punto qualsiasi dello schermo, come con le gallerie Slimbox, hai presente?

[bettyb_87]

  E' magnifico. Grazie Ricdata 

[mauriard]

Perfetto ricdata, è bellissimo!

[ariess]

eh sì è vero.... con chrome non funziona molto bene.... anche lo script originale ha lo stesso problema, non l'avevo notato.

ora provo a cambiare lo script.

[ariess]

questo mi sembra migliore 
con chrome fa' sempre un pò i capricci.... in fase di chiusura fa' un brevissimo "lampo", però almeno è utilizzabile.

ora provo a rifarlo per la neonata 1.6 

[allegato eliminato da un amministratore]

[ErikaB]

Ciao!
ti faccio i complimenti per il modulo. In effetti aprendo il sito demo dell'originale, i problemi di posizionamento risultavano in vari browser compreso safari. L'ultima tua versione, ora installata in un mio nuovo sito, sembra non mostrare problemi su IE, Chrome, Safari, Opera. Inoltre, impostando dalla gestione moduli: tutte tre le opzioni (Module width,
Module height e Distance from top) su auto , teoricamente tutte le dimensioni dovrebbero essere gestite automaticamente in base a quelle del template, rispettando la fluidità di un eventuale template.
Concordi? o il mio è solo un vaneggio ??
ciao ciao

edit: mentre ho notato un'altra cosina, risolvibile così: per eliminare il tratteggio (visibile su IE e mozilla) sull'immagine della sidebar dopo il clic, basta aggiungere nel files style.css del modulo

Codice: [Seleziona]

#sideBarTab{
float:left;
height:137px;
width:28px;
border: 0 none;   <----questa riga
outline: none;      <----questa riga
} spero che il suggerimento possa essere utile e di vostro gradimento anche se trattasi di pignoleria.

[ariess]

ciao ErikaB,

mettendo quei tre parametri ad "auto" le dimensioni del modulo si  adattano al suo contenuto, ovvero alle dimensioni dei moduli inseriti nel pannello... non al template 

però ho nontato che mettendo la larghezza ad "auto" durante l'apertura il movimento non è fluido, ma fa qualche scatto, per cui consiglio di impostare una larghezza fissa, mentre per l'altezza si può mettere auto senza problemi.
anche per la distanza dal "top" è meglio mettere un valore fisso. mettendo "auto" il modulo si posiziona con il bordo inferiore della linguetta al centro dello schermo.

grazie per il suggerimento del bordo, lo aggiungerò anch'io 

[ariess]

sbaglio o con IE 8 non funziona?? qualcuno me lo conferma?

[filipposs]

Lo stavo per scrivere io! Confermo con IE 8 non si apre.

[mauriard]

Scusa ricdata, ma la tua nuova versione non mi funziona per niente, ho dovuto reinstallare quella precedente. Mi blocca l'azione di altri moduli!
Che modifiche ai fatto al codice?
A me comunque funzionava su tutti i browser, però ho anche installato i plugin per la compatibilità.

[filipposs]

A me comunque funzionava su tutti i browser, però ho anche installato i plugin per la compatibilità.

@mauriard: Si infatti ti funziona su IE 8 perchè usi il plugin per la compatibilità

@ricdata: sarebbe il massimo avere l'effetto come quello in questo sito www.vipertechnology.altervista.org

[ErikaB]

ciao!
già su IE8, ci sono problemini (sfuggiti ad un primo controllo), copio incollo l'errore:

Codice: [Seleziona]

Dettagli errore pagina Web

Messaggio: Proprietà o metodo non supportati dall'oggetto
Linea: 1836
Carattere: 7
Codice: 0
URI: http://miosito.it/modules/mod_rdsliding-side-bar/tmpl/js/prototype.js

Messaggio: Proprietà o metodo non supportati dall'oggetto
Linea: 137
Carattere: 5
Codice: 0
URI: http://miosito.it /modules/mod_rdsliding-side-bar/tmpl/js/effects.js

Messaggio: Proprietà o metodo non supportati dall'oggetto
Linea: 137
Carattere: 5
Codice: 0
URI: http://miosito.it /modules/mod_rdsliding-side-bar/tmpl/js/effects.js

Messaggio: Proprietà o metodo non supportati dall'oggetto
Linea: 137
Carattere: 5
Codice: 0
URI: http://miosito.it /modules/mod_rdsliding-side-bar/tmpl/js/effects.js

Messaggio: Proprietà o metodo non supportati dall'oggetto
Linea: 137
Carattere: 5
Codice: 0
URI: http://miosito.it/modules/mod_rdsliding-side-bar/tmpl/js/effects.js

Messaggio: Proprietà o metodo non supportati dall'oggetto
Linea: 137
Carattere: 5
Codice: 0
URI: http://miosito.it/modules/mod_rdsliding-side-bar/tmpl/js/effects.js


mettendo quei tre parametri ad "auto" le dimensioni del modulo si  adattano al suo contenuto, ovvero alle dimensioni dei moduli inseriti nel pannello... non al template

ecco vedi, almeno in qualcosa c'è sempre un "vaneggio"!! 

edit: tra l'altro per scrupolo ho provato a fare la validazione del css e togliendo l'impostazione auto, dalla larghezza e dalla distanza dal top risulta un solo errore:

Codice: [Seleziona]

20 #sideBarContents Numero non valido : height autopx non è un valore per height : autopx autopx
edit di edit:
nel file mod_rdsliding-side-bar/tmpl/default.php
risulta l'errore:
Il tag "img" ha una sintassi di chiusura di tipo XML
da riferirsi al seguente tag:

Codice: [Seleziona]

<img src="modules/mod_rdsliding-side-bar/tmpl/img/slide-button.jpg" alt="Offerte" title="Offerte" /> risolvibile togliendo dalla chiusura del tag lo slash.
Ora sperando di non aver sparato nuove boiate già dal primo mattino, vi auguro buona giornata 

[ariess]

ho sistemato il problema con IE8 inserendo il meta per la compatibilità,
corretti gli errori di validazione segnalati da ErikaB,
aggiunta l'apertura al "mouseover".

altri suggerimenti?



@mauriard
probabilmente nel tuo template o i moduli che hai installato fanno uso di altri script che vanno in conflitto con lo script di questo modulo.
purtroppo è una cosa risaputa che script di diversa natura (js, mootools, jquery) messi nella stessa pagina creano malfunzionamenti.
sai dirmi quali altri script hai in uso?

[allegato eliminato da un amministratore]