Ho dei link (<div>) che cambiano colore onmouseover grazie ad un foglio di stile. Vorrei fare in modo che il <div> rimanesse colorato come se il cursore fosse sempre sul <div> fino a quando non viene veramente passato il cursore su un'altro <div>.
Sicuramente è possibile, ma come?
Prima o poi anch'io vi insegnerò qualcosa
Ciao,
io lo farei tramite DHTML:
<div id="sss" onmouseover="this.style.backGroundColor='red'"
onmouseout="this.style.backGroundColor='white'" />
Ciao
Mirko Agrati
WEB : http://mirkoagrati.110mb.com
RSS : http://feeds.feedburner.com/MirkoAgratiArticoli
Grazie mille, adesso non ho tempo di provarlo, ma sta sera di sicuro e vi farò sapere!!!
Prima o poi anch'io vi insegnerò qualcosa
Il foglio di stile dice questo
.menutoptd A {
DISPLAY: block; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, arial, Helvetica, sans-serif; POSITION: relative; TEXT-DECORATION: none
}
.menutoptd A:hover {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, arial, Helvetica, sans-serif; BACKGROUND-COLOR: #CC6666; TEXT-DECORATION: none
}
i collegamenti sono questi
<TD class=menutoptd><?php echo $row[nome_link]; ?></TD>
<TD class=menutoptd><?php echo $row[nome_link]; ?></TD>
<TD class=menutoptd><?php echo $row[nome_link]; ?></TD>
<TD class=menutoptd><?php echo $row[nome_link]; ?></TD>
ma
onmouseover="this.style.backGroundColor='red'"
onmouseout="this.style.backGroundColor='white'"
non funziona o lo utilizzo in maniera errata.
Prima o poi anch'io vi insegnerò qualcosa
Ciao,
prova semplicemente con:
onmouseover="this.style.background='red'"
onmouseout="this.style.background='white'"
Ciao
Mirko Agrati
WEB : http://mirkoagrati.110mb.com
RSS : http://feeds.feedburner.com/MirkoAgratiArticoli
Secondo me dovresti fare uno script che faccia questa cosa:
Poi il div in questioneCodice PHP:<script>
function onmouse(miodiv) {
for (var int=1; int<3; int++) {
//questo controllo dipende da quanti div hai e in particolare int<3 ... qui se hai 10 div, devi mettere int<11
var mioid_n= "div_on" + int;
if (document.getElementById(miodiv_n).style.backgroundColor == "red") document.getElementById(miodiv_n).style.backgroundColor == "white";
}
var mioid= document.getElementById(miodiv);
if (mioid) mioid.style.backgroundColor="red";
}
</script>
<div id="div_on1" onmouseover="Javascript: onmouse(this);">primo div</div>
<div id="div_on2" onmouseover="Javascript: onmouse(this);">secondo div</div>
Ciao!
a me non funziona nemmeno quest'ultima soluzione.
Prima o poi anch'io vi insegnerò qualcosa
Beh..probabilmente non è stata scritta giusta! Non l'ho testato..! Vediamo cosa dicono i capoccia.. ^^
Cmq, se avrò del tempo lo testo e ti saprò dire!
Ciao!
Mah! Ho provato a riscriverlo senza errori, eppure non ne vuole sapere di funzionare... mi chiedo, o meglio vi chiedo, il perchè!??
Ciao!Codice PHP:<html>
<head>
<script language="Javascript" type="text/javascript">
function onmouse(miodiv) {
for (var n_id=1; n_id<3; n_id++) {
if (document.getElementById("div_on"+n_id).style.backgroundColor == "red") document.getElementById("div_on"+n_id).style.backgroundColor= "white";
}
if (document.getElementById(miodiv)) document.getElementById(miodiv).style.backgroundColor="red";
}
</script>
</head>
<body>
<div id="div_on1" onmouseover="Javascript: onmouse(this);">primo div</div>
<div id="div_on2" onmouseover="Javascript: onmouse(this);">secondo div</div>
</body>
</html>
magari perche' passi this e poi pretendi venga usato come un id
occhio che, finche' usi i nomi dei colori, tirato per i capelli puo' anche funzionare,
ma se passassi i colori in esadecimali il browser e' libero di risponderti quello che vuole
(#ff0000 o rgb(255,0,0) o #f00 se l' hai settato cosi')
e questo solidissimo controllo si va a far benedire
per evitare (e anche per demandare ad ognuno il proprio compito) e' meglio avere due classi css diversecodice:if (document.getElementById("div_on"+n_id).style.backgroundColor == "red")
e assegnare e leggere la classe assegnata all' elemento con
document.getElementById(miodiv).className
Permessi di invio
Rispondi quotando