cambio foglio stile

[Sonikag]

Ho un pulsante:

[img]images/pippo.gif[/img]

e un layer

<div id="ten1">bla bla bla</div>

Vorrei che passando con il mouse sul pulsante venisse sostituito il foglio stile al div e che da ten1 diventi ten2.

Mi servirebbe una soluzione compatibile con più broswer possibili.

Sonia

[Sonikag]

Mi correggo... non voglio la sostituzione del foglio stile, ma dello stile ten1 con lo stile ten2 che si trovano nello stesso css!

Sonia

[Mich_]

L'id di un oggetto non puoi cambiarlo tanto facilmente. Puoi cambiarne la classe:

<div id="ten1" class="skin1"> ... </div>

<a href="#" onclick="return false;" onmouseover="document.getElementById('ten1').class Name='skin2';"
onmouseout="document.getElementById('ten1').classN ame='skin1';">

Le due classi skin1 e skin2 devono essere definite nel CSS della pagina.

[Sonikag]

Grazie mitch!
Ho fatto come hai detto, ma direi che c'è un passaggio che non va, in quanto lo script non restituisce errori, ma la skin non viene cambiata.
bottone:

[img]images/home.gif[/img]

Layer:

<div id="tendina1" class="skin1">sdlkfjalskd</div>

Css:

#skin1{visibility: hidden;}

#skin2{visibility: visible;}

[Mich_]

Ho detto ceh ci devono essere le classi, non gli id:

CSS

.skin1{visibility: hidden;}

.skin2{visibility: visible;}

[Sonikag]

mmm... livello di fusione = 100%
Grazie funziona

Adesso vorrei però che una volta che il livello appare scompaia se clicco da un'altra parte e non all'onmouseout. è possibile?

inoltre è possibile chiamare due differenti funzioni sullo stesso comportamento?
tipo: onclick="funz1(),funz2()"
se si com'è la corretta sintassi?

Sonia

[Mich_]

1. e` possibile - devi usare gli eventi opportuni

2. la sintassi corretta:
onclick="funz1();funz2();"

[Sonikag]

Funzionaaaaaa
Grazieee mille

Ultimissima domanda:
Al momento il mio codice è così:

[img]images/home.gif[/img]

Ho tolto onclick="return false;" perchè è stato sostituito con altri comportamenti, cosa serviva quel return false? è necessario metterlo per altri eventi?

Grazie
Sonia

[Mich_]

IL return false serve per impedire l'esecuzione del link: se non lo metti prova ad andare al link # che nella maggior parte dei browser corrisponde ad andare ad inizio pagina.

Nel tuo caso quindi conviene metterlo:
onclick="document.getElementById('tendina1').class Name='skin2'; return false;"

[Sonikag]

Era troppo bello che quella fosse l'ultima domanda...
Dunque per far si che al click esterno il livello si chiudesse ho messo nel body

 onClick="document.getElementById('tendina1').className='skin1';"

Solo che ovviamente se io clicco sul pulsante è un click all'interno del body e quindi il livello alla fine non viene visualizzato.

Sonia