Cambio parametri css con javascript

**Daniel_1986_Ian** · 20-12-2009, 21:41

Ciao ho questo file css:

#gallery {
padding:0;
margin:0;
list-style-type:none;
overflow:hidden;
width:800px;
height:600px;
border:1px solid #888;
background:#fff url(sfondo.jpg);
}
#gallery li.prova{
float:left;
background-color:red;
}
#gallery li a.prova2{
display:block;
height:650px;
width:30px;
float:left;
text-decoration:none;
border-bottom:1px solid #fff;
cursor:default;
visibility:hidden;
}
#gallery li a.prova2:hover{
background-color:green;
width:710px;
}

Vorrei poter settare mediante il passaggio del vursore sul link, il parametro visibility del css #gallery li a.prova2, al valore visible.

attualmente faccio così, ma non funziona:

<ul id="gallery">
<li class="prova" >
<a class="prova2" href="#nogo" onmouseover="document.getElementById('prova2').sty le.visibility='visible';">
dhasjdask dhsjadhasd askjdhskajda
</a>
[/list]

Spero di essere stato chiaro, come posso fare???? gRazie a tutti

**cavicchiandrea** · 20-12-2009, 21:49

fai cosi:
<a class="prova2" href="#nogo" onmouseover="this.style.visibility='visible';">

**Daniel_1986_Ian** · 20-12-2009, 21:58

non mi va.... come mai?

**cavicchiandrea** · 20-12-2009, 22:05

Per forza se imposti il tag a invisibile come puoi pretendere che funzioni, rivedi la logica se un oggetto è invisibile gli eventi non funzionano

**Daniel_1986_Ian** · 20-12-2009, 22:06

quindi come posso fare???

**cavicchiandrea** · 20-12-2009, 22:13

:master:

**Daniel_1986_Ian** · 20-12-2009, 22:26

non riesco a capire come posso fare, come faccio a rendere un oggetto che è invisibile, visibile con un click o semplicemente passandoci sopra....

**cavicchiandrea** · 20-12-2009, 22:47

Prova cosi:
<ul id="gallery">
<li class="prova" onmouseover="document.getElementById('nogo').style .visibility='visible';">
<a class="prova2" id="nogo" href="#nogo" >
dhasjdask dhsjadhasd askjdhskajda
</a>
[/list]
ma si sta sparando nel mucchio, non si capisce neanche cosa vuoi fare, e perché il link lo imposti invisibile, diventa difficile dare soluzioni

**Daniel_1986_Ian** · 20-12-2009, 22:59

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:800px; height:600px; border:1px solid #888; background:url(sfondo.jpg); } #gallery li { float:left; } #gallery li a { display:block; height:650px; width:30px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img{ width:30px; height:800px; border:0; } #gallery li a:hover { background:#eee; width:710px; } #gallery li a:hover img { width:710px; } #gallery li.prova{ float:left; background-color:red; } #gallery li a.prova2{ display:block; height:650px; width:30px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; visibility:visible } #gallery li a.prova2:hover{ width:710px; background-color:yellow; } </style> <title>Documento senza titolo</title> </head> <body> <ul id="gallery"> [*] [img]sfondo2.jpg[/img] <li class="prova" > <div style="width:200px;height:100px;float:left;backgro und-color:green;"> <b style="color:white;">ciao come va[/b] </div> [*] [img]sfondo2.jpg[/img] [*] [img]sfondo2.jpg[/img] [/list]</body> </html>

Fai così crea un file e incolla questo codice, noterai che sulla sinistra, c'è un menu a schede, si vede però quel rettangolo verde, capirai cosa voglio fare... In pratica voglio che solo quando vado sopra alla scheda, questa si apre e mostra il suo contenuto, invece quando è chiusa,non deve mostrare nulla.... dimenticavo imposta due immagini sfondo e sfondo2.jpg

Spero di essere stato chiaro

**cavicchiandrea** · 20-12-2009, 23:17

Se vuoi una mano metti il link alla pagina pubblica.

Discussione: Cambio parametri css con javascript

Strumenti discussione

Ricerca discussione

Visualizza

Cambio parametri css con javascript

Permessi di invio