richiamo di funzioni

**IvanHares** · 29-01-2009, 13:08

Buongiorno a tutti,
semplifico il mio problema con il seguente esempio:
ho questo codice html:

codice:

<html><head></head>
<body>
		<div class="menu">
			<p onMouseOver="cambia(this, '#B0B0B0')" onMouseOut="cambia(this, '#D4D4D4')">Logo</p>
			

Profilo</p>
			

Immagini</p>
			

Video</p>
			

Musica</p>
		</div>
	</body>
</html>

La funzione javascript cambia è la seguente:

codice:

<script type="text/javascript">
			function cambia(o, c)
			{
				o.style.background = c;
			}
		</script>

Siccome devo applicare questa funzione a tutti gli elementi

sia per il mouseOut che mouseOver è possibile scrivere il codice in maniera differente per semplificare il codice html?
Ovvero esiste in javascript un modo per dire che ogni volta che trovo un elemento p, o un elemento con Id specificato, di applicare la funzione cambia sia per mouseOut che Over

Grazie a tutti per l'aiuto

**Nick.ferro** · 29-01-2009, 13:30

codice:

tmp = document.getElementsByTagName("p"); for( var x=0; x < tmp.length; x++ ) { tmp[x].onclick = function(){ alert('Click!'); }; }

prova così.. se va adattalo al cio che ti serve.. fammi sapere

**IvanHares** · 29-01-2009, 13:47

Ho adattato la funzione in questo modo:

codice:

tmp = document.getElementsByTagName("p"); 
for( var x=0; x < tmp.length; x++ ) 
{ 
	tmp[x].onMouseOver = function()
			{ 
				cambia(this, '#B0B0B0');
			};
	tmp[x].onMouseOut = function()
			{ 
				cambia(this, '#D4D4D4');
			};
}
function cambia(o, c)
{
	o.style.background = c;
}

Ma lo sfondo non viene cambiato!

Qualche suggerimento?

**Nick.ferro** · 29-01-2009, 13:57

tutto minuscolo onmouseover e onmouseout

**IvanHares** · 29-01-2009, 14:13

Ho trovato l'inghippo:

<body onLoad="cambiaP()">

codice:

function cambia(o, c)
{
	o.style.background = c;
}
function cambiaP()
{
	tmp = document.getElementsByTagName("p"); 
	for( var x=0; x < tmp.length; x++ ) 
	{ 
		tmp[x].onmouseover = function()
		{ 
			cambia(this, '#B0B0B0');
		};
		tmp[x].onmouseout = function()
		{ 
			cambia(this, '#D4D4D4');
		};
}

E il problema è risolto!
Grazie infinite per l'aiuto!

Discussione: richiamo di funzioni

Strumenti discussione

Ricerca discussione

Visualizza

richiamo di funzioni

Permessi di invio