problema con cambio di attributi

**mbcucciolo** · 27-11-2008, 22:53

devo realizzare una cosa semplice semplice in javascript, riassumento molto:
- ci sono dei link
- quando il mouse passa sopra al testo, il testo si colora di bianco
- quando il mouse esce dal testo, il colore torna nero
- quando il mouse ci clicca sopra, imposta il colore grigio e rende il link privo di effetti
il problema:
con explorer non funziona (io ho la versione 6), in pratica esegue le operazioni solo la prima volta, le volte successive non succede niente e rimane tutto statico.

Codice PHP:


<head>

<title></title>

<script language="JavaScript" type="text/javascript">

var n = 3

function premuto(oggetto){

   for(var i=0;i<n;i++){

      var o = document.getElementById("scritta"+i);

      o.style.color='BLACK';

      o.setAttribute("onmouseover","cambiaColore(this,'WHITE');");

      o.setAttribute("onmouseout","cambiaColore(this,'BLACK');");

      o.setAttribute("onclick","premuto(this);");

   }

   oggetto.style.color="GRAY";

   oggetto.removeAttribute("onmouseover");

   oggetto.removeAttribute("onmouseout");

   oggetto.removeAttribute("onclick");

}

function cambiaColore(oggetto,colore){

   oggetto.style.color = colore;   

}

</script>

</head>

<body bgcolor="navy">

[url="javascript:void(0);"]Scritta1[/url]


[url="javascript:void(0);"]Scritta2[/url]


[url="javascript:void(0);"]Scritta3[/url]


</body>

**mbcucciolo** · 27-11-2008, 22:54

ho provato anche con i css, ma il risultato è sempre lo stesso

Codice PHP:


<head>

<title></title>

<script language="JavaScript" type="text/javascript">

var n = 3



function premuto(oggetto){

   for (var i = 0; i < n; i++) {

      o = document.getElementById("scritta"+i);

      o.className = "non_selezionato";

      o.setAttribute("href","javascript:void(0);");

      o.setAttribute("onclick","premuto(this);");

   }

   oggetto.className = "selezionato";

   oggetto.setAttribute("href","#");

   oggetto.removeAttribute("onclick");

}



</script>

<style>

a{

   letter-spacing: 3px;

   font: bold 10pt sans-serif;

   text-decoration: none;

}

a.selezionato{ color: Silver; }

a.non_selezionato{ color: Black; }

a.non_selezionato:link{ color: Black; }

a.non_selezionato:visited{ color: Black; }

a.non_selezionato:hover{ color: White; }

</style>

</head>

<body bgcolor="navy">

[url="#"]Scritta1[/url]


[url="javascript:void(0);"]Scritta2[/url]


[url="javascript:void(0);"]Scritta3[/url]


</body>

Discussione: problema con cambio di attributi

Strumenti discussione

Ricerca discussione

Visualizza

problema con cambio di attributi

Permessi di invio