I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
sim
sim
il 31 marzo 2006 alle 17:09
61 messaggi dal 10 gennaio 2002
Scusate,

vorrei, tramite una funzione javascript permettere di vedere o meno un determinato DIV
Ho provato, con dei pulsanti a chiamare la funzione "Apri()", in questo modo ma no succede nulla..


<script language="javascript">

function Apri() {

ciccio.visibility=hide;
pippo.visibility=show;

}



</script>




<DIV id="pippo" style="Z-INDEX: 1; LEFT: 100px; OVERFLOW: hidden; WIDTH: 336px; CLIP: rect(0px 1000px 1000px 1000px); POSITION: relative; TOP: -50px; HEIGHT: 30px">
<table>
..contiene dei valori....
....
</table>

</div>

<DIV id="CICCIO" style="Z-INDEX: 2; LEFT: 100px; OVERFLOW: hidden; WIDTH: 336px; CLIP: rect(0px 1000px 1000px 1000px); POSITION: relative; TOP: -50px; HEIGHT: 30px">
<table>
..contiene dei valori....
....
</table>

</div>
RispondiQuoting
m.casati
m.casati
il 31 marzo 2006 alle 17:33
3.083 messaggi dal 13 giugno 2001
Contributi
mcasati.com | Blog
Prova con:

<script type="text/javascript"> 
function Apri() 
{ 
 document.getElementById("CICCIO").style.display = "none"; 
 document.getElementById("pippo").style.display = "block"; 
} 
</script>


N.B.: gli ID degli elementi sono case-sensitive ("CICCIO" non è "ciccio"!)
Matteo Casati
GURU4.net
RispondiQuoting
sim
sim
il 31 marzo 2006 alle 17:46
61 messaggi dal 10 gennaio 2002
Ciao m.casati,

grazie per la celere risposta, ma come mai se il div lo imposto per default a "visibility:hidden" per visualizzarlo anche se faccio

document.getElementById("pippo").style.display = "block";

non riesco comunque a vederlo?

Grazie ancora.
RispondiQuoting
m.casati
m.casati
il 31 marzo 2006 alle 18:11
3.083 messaggi dal 13 giugno 2001
Contributi
mcasati.com | Blog
Ci sono due modi (attributi css) per "nascondere" un elemento:

1) visibility (hidden = nascosto, visible = visibile): il contenuto dell'elemento non viene visualizzato ma ne viene mantenuto l'ingombro nel layout della pagina

2) display (none = nascosto, block = visibile): l'elemento non viene mostrato nella pagina e non ne viene mantenuto l'ingombro.

Tendenzialmente si usa "display" (proprio per non avere lo spazio bianco in corrispondenza dell'elemento nascosto) e non visibility.

Prova a usare lo script che ti ho postato (che cambia il valore dell'attributo display dei due div) e a mettere nello stile dell'elemento che parte nascosto (pippo):

<div id="pippo" style="display:none;...">...</div>


anziché "visibility:hidden"
Matteo Casati
GURU4.net
RispondiQuoting
sim
sim
l'1 aprile 2006 alle 11:36
61 messaggi dal 10 gennaio 2002
magnifico!

funziona alla grande.

Grazie mille.
RispondiQuoting

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.