DOM - Impostare gestore di eventi

Reale_Augello · 17-09-2003, 15:01

Salve ragazzi,

ho questo codice:

codice:

function Evidenzia(myid) {
 var mydivs=document.getElementsByTagName('div');
 for (i=0; i<mydivs.length; i++)
  if (mydivs[i].id==myid) {
  	mydivs[i].onmouseout=SettaOnMouseOut(mydivs[i]); // *
  }
}

Perchè alla riga segnata con l'asterisco mi da un "Non implementato" ?
Magari con setAttribute è possibile associare una particolare funzione a un determinato evento ?

Grazie a tutti per le eventuali risposte !

**Mich_** · 17-09-2003, 15:46

Per quel che mi risulta, quando setti un evento che faccia partire una funzione, non puoi metterci un parametro.

Esempio:
<body ... onload="funzione1('pippo');">

Ma se lo stesso evento vuoi settarlo dentro lo script:
document.onload = funzione1;

dove non ci va la parentesi dopo funzione1 (e non puoi quindi passare parametri).

E nel tuo caso mi pare che sei nella seconda condizione.

Ciao
Michele

**standard** · 17-09-2003, 16:21

Mich_ ha ragione, al gestore d'evento si può assegnare solo puntatori a funzione, per cui per passare un parametro dovresti fare:

codice:

mydivs[i].onmouseout=function(){
   SettaOnMouseOut(mydivs[i]);
}

(ho fatto un copia incolla grossolano, forse (sicuramente) potresti avere problemi col valore i passato nel parametro...lo aggiri con una proprietà)
In pratica si assegna una funzione contenitore.
Si può unificare il concetto sotto quest'ottica anche nel caso di gestori d'evento settati via HTML, se si considera che quando si fa:

codice:

<body ... onload="funzione1('pippo');">

in realtà si sta sottointendendo che intorno alla chiamata a funzione c'è una funzione contenitore, che tradotta in codice JS sarebbe qualcosa del tipo:

codice:

body.onload = function(){eval("funzione1('pippo');");}

...almeno così lo immagino io

ciauz

Reale_Augello · 17-09-2003, 16:49

... a tutti e due, come al solito illuminanti.
Mettendo in pratica i suggerimenti in un altro contesto, comunque, non ottengo i risultati sperati.

Il codice è il seguente:

codice:

function LeggiSrc() {
 if (document.getElementById('mioiframe').src.indexOf("contatti")!=-1) {
  document.getElementById('link8').onmouseout=function() {
   SettaOnMouseOut(document.getElementById('link8'));
  }
 }
}

function SettaOnMouseOut(mydiv) {
 document.getElementById(mydiv).className='cellah';
 Descrizione('','descrizionegiu');
}

In sostanza, sembra che la funzione Descrizione non venga presa in considerazione. :master:

**pela** · 17-09-2003, 16:59

... stai chiamando SettaOnMouseOut con un oggetto come parametro (document.getElementById('link8')) ma poi la funzione stessa il parametro lo usa come se fosse un id (document.getElementById(mydiv).className='cellah'

**Mich_** · 17-09-2003, 16:59

Prima di esserne sicuro (che la funzine non viene presa in considearazione), dovresti metterci un alert prima e dopo, per verificare il flusso del programma.

Che poi il problema potrebbe essere dentro la fuzione stessa.

function SettaOnMouseOut(mydiv) {
document.getElementById(mydiv).className='cellah';
alert ("prima - mydiv="+mydiv);
Descrizione('','descrizionegiu');
alert ("dopo - mydiv="+mydiv);
}

Ciao
Michele

Reale_Augello · 17-09-2003, 17:07

... da fare ragazzi... sembra che la funzione SettaOnMouseOut non venga proprio associata all'onMouseOver... :master:

**Mich_** · 17-09-2003, 17:24

L'osservazione di pela e` corretta, ma a questo puntoio farei un passo indietro, e proverei a chiamare la funzione senza parametri: poi proverei ad inserire parametri tipo stringa, ed infine a passare oggetti (ma questo potrebbe non funzionare, cosa che non dovrebbe essere un grosso problema).

Ciao
Michele

Reale_Augello · 17-09-2003, 17:38

... da fare anche non passando il parametro...

**standard** · 18-09-2003, 10:26

codice:

function LeggiSrc() {
 if (document.getElementById('mioiframe').src.indexOf("contatti")!=-1) {
  document.getElementById('link8').onmouseout=function() {
   SettaOnMouseOut(document.getElementById('link8'));
  }
 }
}

function SettaOnMouseOut(mydiv) {
 mydiv.className='cellah';
 Descrizione('','descrizionegiu');
}

assicurati di entrare nella condizione e che gli oggetti siano presenti ovviamente.
ciauz

Discussione: DOM - Impostare gestore di eventi

Strumenti discussione

Ricerca discussione

Visualizza

[DOM] Impostare gestore di eventi

Grazie...

Niente...

Niente...

Re: Grazie...

Permessi di invio