DIV visibili e invisibili

**puffetto** · 22-04-2005, 07:29

ciao a tutti,
sto cercando di realizzare una specie di questionario
e avrei la necessità che le domande appaiaano
nelllo stesso punto una per volta...

ho realizzato questo codice dove ogni domanda e tra un DIV HIDDEN e sul tasto con javascript faccio apparire la succesiva il problema e che non riesco poi a far sparire le precedenti.
mi aiutate?

codice:

<div id="dom1" style="visibility:visible; position:absolute; left: 131px; top: 0px">
DOMANDA 1


vai alla domanda 2
</div>

<div id="dom2" style="visibility:hidden; position:absolute; left: 131px; top: 0px">
DOMANDA 2


</a>
vai alla domanda 3
</div>

<div id="dom3" style="visibility:hidden; position:absolute; left: 131px; top: 0px">
DOMANDA 3


</a>
responso
</div>

**puffetto** · 22-04-2005, 17:50

**puffetto** · 23-04-2005, 07:17

VVoVe:

**rudyF** · 23-04-2005, 11:25

Ciao
Premetto che non sono un esperto
Per risolvere il problema io ho usato uno script (VBScript, quindi solo IE)

<html> <head>
<style type="text/css">  </style>
</head>
<body link="blue" vlink="purple" alink="red">

<div id="b1" style="visibility:visible;">

prima risposta</p>seconda domanda</div>
<div id="b2">

seconda risposta</p>terza domanda</div>
<div id="b3">

terza risposta</p>prima domanda</div>

<SCRIPT language="VBScript"></SCRIPT> </p> </body> </html>

In questo modo bisogna avere un DIV per ogni domanda
Nel modo seguente, invece Ho usato una tabella con due celle: una per la risposta e l'altra per la domanda.
Con un altro script (sempre VBScript perché conosco solo quello)
cambio ciò che c'é scritto nella cella (la risposta)
Vedi tu se possono servirti
riciao rudyF

<html> <head>
</head>
<body link="blue" vlink="purple" alink="red">

<table border="1" width=300">
<tr><td id="rispo">qui vanno le risposte</td></tr>
<tr><td>prossima domanda</td></tr>
</table>

<SCRIPT language="VBScript"></SCRIPT> </p>
</body> </html>

**Ms-Keng** · 23-04-2005, 13:19

prova così:

onclick='document.getElementById("dom2").style.vis ibility="visible" document.getElementById("dom1").style.visibility=" hidden"'

dovrebbe andare, ma non te lo assicuro!

**rudyF** · 23-04-2005, 14:10

Ms-Keng ha ragione: funziona!

<html><head></head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<div id="dom1" style="width:200px; height:200px; position:absolute; left:131px; top:0px; z-index:1; visibility:visible;">
DOMANDA 1

chiedi la seconda</div>

<div id="dom2" style="width:200px; height:200px; position:absolute; left:131px; top:0px; z-index:1; visibility:hidden;">
DOMANDA 2

chiedi la terza</div>

<div id="dom3" style="width:200px; height:200px; position:absolute; left:131px; top:0px; z-index:1; visibility:hidden;">
DOMANDA 3

chiedi la prima</div>

</body></html>

ciao rudyF

**puffetto** · 23-04-2005, 19:19

grazie ragazzi era proprio quello che mi serviva

Discussione: DIV visibili e invisibili

Strumenti discussione

Ricerca discussione

Visualizza

DIV visibili e invisibili

Permessi di invio