Back to top

Autore Topic: Eventi javascript sui link dei menu  (Letto 3066 volte)

Offline giancarlo75

  • Esploratore
  • **
  • Post: 160
    • Mostra profilo
Eventi javascript sui link dei menu
« il: 24 Mar 2012, 15:59:51 »
Mi stavo chiedendo come si possa mettere attributi onclick onmouseover e onmouseout sui link dei menu non trovando campi appositi nel backend. Ho trovato questa discussione http://forum.joomla.it/index.php?topic=60886.0 ma la soluzione proposta non funziona con 2.5 in quanto le doppie virgolette vengono scritte nell'html generato da joomla con il codice unicode.
Clastiweb

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #1 il: 24 Mar 2012, 23:30:11 »
ciao, se l'evento deve essere eseguito al click su qualunque voce del menu, puoi aggiungere l'evento tramite le api di jquery (da includere se non l'hai già fatto) in questo modo
Codice: [Seleziona]
<script>
$("a.classe").click(function() {
//codice da eseguire
});
</script>
dove classe è la classe del link a cui associare l'effetto.
probabilmente la stessa cosa è fattibile con mootools :)

Offline giancarlo75

  • Esploratore
  • **
  • Post: 160
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #2 il: 25 Mar 2012, 09:18:27 »
Grazie, sapevo che si poteva ma non come. Oggi provo.
Clastiweb

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #3 il: 25 Mar 2012, 09:52:52 »
Ovviamente per soddisfare la tua richiesta esistono anche le funzioni  http://api.jquery.com/mouseover/ ed  http://api.jquery.com/mouseout/

Offline giancarlo75

  • Esploratore
  • **
  • Post: 160
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #4 il: 25 Mar 2012, 11:18:36 »
C'è qualcosa che non torna, io ho scritto
Codice: [Seleziona]

<script type='text/javascript' language='javascript'>
$("a.classe").click(
function() {
alert("prova");
}
);
</script>
ma non reagisce.
Ho provato a mettere questo codice a fondo pagina ma è lo stesso, eppure jquery è caricato.

Clastiweb

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #5 il: 25 Mar 2012, 11:35:42 »
TI è sfuggito un particolare
dove classe è la classe del link a cui associare l'effetto.

Offline giancarlo75

  • Esploratore
  • **
  • Post: 160
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #6 il: 25 Mar 2012, 11:54:52 »
In realtà ho dato proprio il nome classe alla classe, ora l'ho cambiato ma non sembra reagire. Proverò a caricare l'ultima versione di jquery dato che questa è quella di default del template.
Clastiweb

Offline giancarlo75

  • Esploratore
  • **
  • Post: 160
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #7 il: 25 Mar 2012, 12:30:51 »
Ora funziona, con il codice a fondo pagina e comunque dopo il link.
Clastiweb

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #8 il: 25 Mar 2012, 16:31:22 »
si giancarlo, jquery è una libreria che ha questa particlarità, il codice deve essere inserito sempre dopo l'elemento a cui si riferisce. Se desideri caricare il codice javascript prima del resto, quindi vuoi incollarlo all'inizio della pagina o comunque prima dell'elemento a cui è riferito, devi inserirlo all'interno di un'altro evento jquery:

Codice: [Seleziona]
$(document).ready(function() {
    //codice da eseguire
});

Offline giancarlo75

  • Esploratore
  • **
  • Post: 160
    • Mostra profilo
Re:Eventi javascript sui link dei menu
« Risposta #9 il: 26 Mar 2012, 09:23:07 »
Grazie, mi sa che urgentemente dovrò studiarmi un po' jquery.
Clastiweb

 



Web Design Bolzano Kreatif