effetto scomparsa

[silverseraph]

salve vorrei sapere come si fa a fare quell'effetto che sta in tutti i forum cioè che se clicchi su una barra divisoria essa fa scomparire i vari forum che comprendono quella barra. spero di eser stato chiaro.

[silverseraph]

non mi sapete proprio aiutare?

Ciao!

Puoi postare un link di esempio?

[silverseraph]

http://www.forumfree.net/?c=37715

notare le colonne dove sta scritto importante!! sport etc...

silverseraph --> Il link che hai postato mostra un forum gestito da Invision Power Board 1.3, il quale conterrà il codice per quella funzione. Però, se non ricordo male, non puoi più prendere IPB 1.3, ma saresti costretto ad acquistare IPB 2.
Suggerisco una soluzione più economica (=gratuita): scarica dal Web una board free qualsiasi, che implementi quella funzione. :-)

[dementialsite]

Prova a dare un'occhiata a questa pagina che ho fatto io, sarà fatta un po' alla c* di cane ma almeno fa quello che dici (ho usato un link per la prova): http://dementialsite.altervista.org/...f/divonoff.htm

Stammi bene...

EDIT: only 4 Syst3mCrasher => vedi che non c'era bisogno di scomodare mari e monti (però i Promessi Sposi sì...)

[silverseraph]

ma io non voglio un forum voglio sapere come si fa a fare quell'effetto.

[dementialsite]

ma io non voglio un forum voglio sapere come si fa a fare quell'effetto.

Rileggiti il mio post sopra e guarda il codice della pagina che ti ho linkato... stammi bene...

[heracleum]

ti faccio presente che su Mozilla non scompare nulla, anzi dà errori javascript...
Quindi forse è meglio cercare altri esempi.

Edit:
mi riferivo a:

http://www.forumfree.net/?c=37715

notare le colonne dove sta scritto importante!! sport etc...

[dementialsite]

Adesso funziona con IE, Firefox, Netscape e Opera... l'indirizzo è lo stesso: http://dementialsite.altervista.org/...f/divonoff.htm

Statemi bene...

[silverseraph]

ti faccio presente che su Mozilla non scompare nulla, anzi dà errori javascript...
Quindi forse è meglio cercare altri esempi.

Edit:
mi riferivo a:

heracleum a me con mozilla funziona.


dementialsite ti ringrazio di cuore.

[silverseraph]

scusa dementialsite potresti fare in modo che funzioni anche con questo codice?
io nn ci riesco :(

<table  class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td  class="mleft_top"><td><table class="mback2" cellpadding="0" cellspacing="0"><tr><td class="mback_left2"><td width="600" class="mback_center">
<div class="mtitle">Scheda Update Motorola</div>
</table></td>
<center>
<table align="center" width="609px"  border=1 cellspacing=0 cellpadding=0>
<tr>
<td  bgcolor="#c6d9ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<b>Modello</b></o:p></p>
</td>
<td bgcolor="#c6d9ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<b>N°di Firmware Presenti</b></o:p></p>
</td>
<td bgcolor="#c6d9ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<b>N°di Flex presenti</b></o:p></p>
</td>
<td bgcolor="#c6d9ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<b>N° di Software presenti</b></o:p></p>
</td>
 </tr>
<tr>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<img src="./templates/Icon_5.jpg"> <a href="upe1000.htm" class="white">Motorola E1000</a></o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;4</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;2</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;5</o:p></p>
</td>
 </tr>
<tr>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<img src="./templates/Icon_5.jpg"> <a href="upa925.htm" class="white">Motorola A925</a></o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
 </tr>
<tr>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<img src="./templates/Icon_5.jpg"> <a href="upa1000.htm" class="white">Motorola A1000</a></o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
 </tr>
<tr>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<img src="./templates/Icon_5.jpg"> <a href="upa835.htm" class="white">Motorola A835</a></o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
 </tr>
<tr>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;<img src="./templates/Icon_5.jpg"> <a href="upc975.htm" class="white">Motorola C975</a></o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
</td>
<td  bgcolor="#ffe8ff" width=163 valign=top>
<p class=write><o:p>&nbsp;0</o:p></p>
  </tr>
      </table>

GRAZIE!!

vuoi far sparire tutto quello??

allora fai:
<a href="popup()">Chiudi</a>
<div id="popup">
tutto il tuo codice
</div>

[silverseraph]

mi dice impossibile visualizzare la pagina.

[silverseraph]

ho risolto.....cmq io vorrei che la barra blu rimanesse....quella dove sta scritto scheda etc....

[dementialsite]

ho risolto.....cmq io vorrei che la barra blu rimanesse....quella dove sta scritto scheda etc....

Ti do qui lo schema generale di come fare il modulo a scomparsa:

<TABLE WIDTH="..." BORDER="...">
<!-- specifica una larghezza per la tabella, altrimenti si deformerà quando schiaccerai l'interruttore -->
<TR><TD><A HREF="javascript:popup()">Interruttore</A></TD></TR>
<TR><TD><DIV ID="popup">
<!-- quello che vuoi che scompaia tramite l'interruttore -->
</DIV></TD></TR>
</TABLE>

Stammi bene...

[heracleum]

sì insomma... se vuoi che una "barra blu" o qualsiasi intestazione rimanga visibile in entrambi i casi, evidentemente NON deve trovarsi DENTRO il DIV a scomparsa:

<div>..magari qui l'intestazione..</div>
<DIV ID="popup"> ..e non qui.. </DIV>

[silverseraph]

la barra blu è una tabella a parte, e poi sotto subito attaccata ci sta un'altra tabella. si può fare con 2 tabelle?

la 1 tabella la lasci come sta
la 2 la metti dentro al div in modo ke con il click scompia

[silverseraph]

e non scompare...

ma hai meso <div id="popup">il contenuto</div>?? posta la pagine per vedere

[silverseraph]

la pagina nn posso postarla. comunque si, l'ho messo.

[heracleum]

Cerca di non abusare della pazienza altrui,
jostock ti sta aiutando parecchio,
mi sembra che il minimo che puoi fare è metterlo nelle condizioni agevoli per continuare ad aiutarti come ha fatto finora.
Quindi mi sembra chiaro che dire: "non scompare" non serve a nulla se non fai vedere il codice, perché evidentemente stai sbagliando qualcosa.

Sinceramente dopo la tua ultima risposta scommetto che al 90% di chi ha anche buona predisposizione ad aiutare, verrebbe da rispondere "arrangiati!"
in conclusione cerca di venire incontro a chi ti aiuta pazientemente.

[silverseraph]

Ma Se L'ho Postato Sopra Il Codice