Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : Rasjah 01 Apr 2012, 18:28:06

: [RISOLTO] javascript per rollover su pulsanti del menu
: Rasjah 01 Apr 2012, 18:28:06
Ho fatto un semplice script, per fare un effetto fade-sfumato di transizione rollover dei pulsanti, del mio menu principale

<script type="text/javascript">
    $(document).ready(function(){
         $('.chi_siamo,.home,.la_storia,.dove_siamo,.calcio,.volley,.il_direttivo,.contatti').hover(function(){
                 $(this).stop().animate({'opacity' : '0'}, 550);
         }, function(){$(this).stop().animate({'opacity' : '1'}, 200);});
});
</script>

lo messo nella parte <head> del mio file index.php ... ma non funziona :'(

Lo provato con una pagina statica in HTML e funziona benissimo....

Dove ho sbagliato ?? ???

la pagina è http://www.asd-ambrosiana.it/joomla/ (http://www.asd-ambrosiana.it/joomla/)
: Re:javascript per rollover su pulsanti del menu
: 56francesco 01 Apr 2012, 18:37:48
dei pulsanti, del mio menu principale

mi piacciono gli indovinelli, si vince qualcosa?
: Re:javascript per rollover su pulsanti del menu
: Rasjah 01 Apr 2012, 19:05:36
Confesso che il mio itagliano non è molto buono, ma se si guarda al link della pagina home, mi riferisco al menu sulla sinistra

In palio che un... gormito dell'acqua ;D
: Re:javascript per rollover su pulsanti del menu
: Rasjah 02 Apr 2012, 09:07:03
Mi spiego meglio.... ho fatto uno javascript in una pagina HTML che simula effetto di transizione graduale da stato normale a stato HOVER dei pulsanti,  che sul menu di sinistra funziona bene

vedi link http://www.asd-ambrosiana.it/

mentre la stessa cosa non funziona in joomla...

vedi link http://www.asd-ambrosiana.it/joomla

qualche aiuto ???? :'(


: Re:javascript per rollover su pulsanti del menu
: Rasjah 03 Apr 2012, 14:43:22
Per ora ho risolto con il seguente codice

<script type="text/javascript">
jQuery.noConflict();   
jQuery(document).ready(function(){
         jQuery('.chi_siamo,.home,.la_storia,.dove_siamo,.calcio,.volley,.il_direttivo,.contatti').hover(function(){
                 jQuery(this).css({opacity:0}).stop().animate({'opacity' : '1'}, { duration:500});
         }, function(){jQuery(this).stop().animate({'opacity' : '1'}, 300);});
});   
   
</script>


sono riuscito a fare una cosa dignitosa....

Grazie ricdata, per la dritta che mi hai dato per eliminare il conflitto dello script, mettendo

jQuery.noConflict()

per quanto riguarda la pesantezza del caricamento delle pagine, proverò a fare la stessa cosa con mootool

Per ora, va bene così ;D