Problema con rollover CSS da gestire con javascript

**niubbo** · 09-07-2007, 00:28

Ho fatto un menù rollover con in i CSS, ho la necessità di far cambiare classe (e dunque tutte le sue caratteristike) ad una voce del menù facendo in modo ke abbia le caratteristike d un'altra classe definita nei CSS, dunque da un link così:

<a href="#" id="bottone1" onclick="evidenzia_tasto('bottone1')" class="bottone_spento">

dopo ke è stato cliccato quel link il tag <a> dovrebbe aggiornarsi come se fosse:

<a href="#" id="bottone1" onclick="evidenzia_tasto('bottone1')" class="bottone_acceso">

Ovviamente "bottone_spento" e "bottone_acceso" sono definite nei CSS.

Ho provato una cosa così:

function evidenzia_tasto(idname)
{
event_on_click = document.getElementById(idname).style;
event_on_click.className = 'bottone_acceso';
}

Ma si rifiuta di cambiarmi le caratteristike dello stile... se osservo cosa succede nel DOM con firebug di firefox vedo un oggetto event_on_click senza alcuna caratteristica CSS a parte avere il className settato a 'bottone_acceso'... in cosa sbaglio?

Grazie

**cavicchiandrea** · 09-07-2007, 09:20

devi impostare la varaile.
var event_on_click = document.getElementById(idname).style;

P.S. Potevi proseguire l'altra discussione :rollo:

**niubbo** · 09-07-2007, 14:16

Ancora nn mi va...

Puoi scrivermi un esempio o un riferimento ad un esempio funzionante?

Grazie

P.S. Ho continuato qua xkè credevo ke dall'altra parte fosse kiuso kiedo scusa...

**cavicchiandrea** · 09-07-2007, 15:22

esempio funzionante:

codice:

<html>

	<head>
	<style type="text/css">
	.spento{
		color:#A0A0A4
		}
	.acceso{color:#0000FF}
	</style>
		<script type="text/javascript" language="JavaScript1.2">
function Classe()
{
var pul = document.getElementById("pulsante");
pul.className="acceso";
}
	</script>
		<link href="stile.css" type="text/css" rel="stylesheet">
	</head>

	<body bgcolor="#ffffff">
	<form name="form1" method="post" action="">
	  <input name="Submit" type="button" class="spento" id="pulsante" onclick="Classe()" value="Invia">
    </form>
	

</p>
	</body>

</html>

**niubbo** · 09-07-2007, 15:48

Grazie ora va ma precedentemente avevi scritto:

var event_on_click = document.getElementById(idname).style;

".style" alla fine nn funzionava.

Grazie!

Discussione: Problema con rollover CSS da gestire con javascript

Strumenti discussione

Ricerca discussione

Visualizza

Problema con rollover CSS da gestire con javascript

Permessi di invio