Back to top

Autore Topic: [RISOLTO] Jquery su menu rollover  (Letto 3054 volte)

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Jquery su menu rollover
« il: 02 Apr 2012, 11:27:47 »
 ho fatto uno javascript  in una pagina HTML che simula effetto di transizione graduale da stato normale a stato HOVER dei pulsanti del menu princilare posto a sinistra ( vedere menu a sinistra )
 vedi link http://www.asd-ambrosiana.it/
 
 mentre la stessa cosa non funziona in joomla...( vedere menu a sinistra )
 
 vedi link http://www.asd-ambrosiana.it/joomla


Lo script è il seguente
 
Codice: [Seleziona]

[size=12pt][font=Times New Roman]<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 nulla



Dove ho sbagliato..... :-[
« Ultima modifica: 03 Apr 2012, 14:41:11 da Rasjah »

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Jquery su menu rollover
« Risposta #1 il: 02 Apr 2012, 11:56:04 »
ciao,
probabilmente in joomla non funziona perchè il jquery va in conflitto con il mootool di joomla.
usando il noconflict dovresti risolvere il problema.

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:Jquery su menu rollover
« Risposta #2 il: 02 Apr 2012, 12:09:33 »
Rasjah per cortesia non aprire più topic per lo stesso problema,
se proprio devi dai un UP
cioè usa sempre lo stesso topic ..
(uso XP perchè win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi è necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Jquery su menu rollover
« Risposta #3 il: 02 Apr 2012, 12:50:54 »
chiedo scusa  a 56francesco per la mia inottemperanza.... non si ripeterà più :-[

Comunque ho provato ricdata a fare come hai detto, ma nulla......



Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Jquery su menu rollover
« Risposta #4 il: 02 Apr 2012, 13:35:35 »
quasi ci sono.. Ho risolto in parte modificando il codice così:

<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).stop().animate({'opacity' : '0'}, 550);
         }, function(){jQuery(this).stop().animate({'opacity' : '1'}, 200);});
});   
   
</script>


Il problema è che i pulsanti in stato hover scompaiono :'( , ora devo capire dove devo mettere mano al codice.... trovare un espertone di Jquery - Joomla

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Jquery su menu rollover
« Risposta #5 il: 03 Apr 2012, 12:01:03 »
IMHO quel semplice effetto fade lo puoi fare anche con mootool, eviti così di caricare il jquery che ti appesantisce il caricamento delle pagine.
oppure si può fare anche in CSS3 ;)

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Jquery su menu rollover
« Risposta #6 il: 03 Apr 2012, 12:24:33 »
non ho mai usato mootool, mi sapresti dare una dritta su dove trovare qualcosa in merito..... o comunque faccio un bel cerca in rete. Per quanto riguarda i CSS3, preferivo non usarli, visto che IE >:( >:( >:( si incasina.....

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:Jquery su menu rollover
« Risposta #7 il: 03 Apr 2012, 14:40:43 »
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



 



Web Design Bolzano Kreatif