Display di un blocco di testo inline con un click

leokid71

Display di un blocco di testo inline con un click

Buongiorno ragazzi,
non sò se il titolo del messaggio è idoneo ma non sapevo cosa altro mettere..
Si tratta di questo...date un occhio a questo link che visualizzavo per mia pura necessità conoscitiva della materia..

http://www.metaline.it/privacy_datisensibili.php

Ad un certo punto si parla della tipologia di dati personali che è possibile trattare ed è possibile cliccare su una tipologia e si apre subito sotto un blocco di testo.
L'effetto è molto carino e da quanto ho potuto vedere dal codice non si dovrebbe trattare di Javascript ma di puro CSS.
Ho provato a fare una ricerca in rete con l'istruzione "<tr onClick="toggleTable" ma non sono venuto a capo di nulla.

Qualcuno potrebbe aiutarmi a realizzare qualcosa del genere ? credo sia crossbrowser e questo mi piacerebbe molto

Grazie.

dana

Potresti realizzarlo usando il tag <span> e poche righe di codice javascript.

Dai uno sguardo al codice che ho appena suggerito a guido nella sua discussione "tabella in javascript".
Se invece del pulsante vuoi che venga visualizzato del testo allora devi sostituire il tag input con un'altro <span> che racchiuda il testo da cliccare a cui assegnerai l'evento onClick per richiamare la funzione javascript e l'attributo style="position:relative;cursor:hand".

probid

Ciao leokid71,
tempo fa avevo realizzato questo tipo di script.
Lo posto qui,fanne buon uso ;):
[html]
<!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=iso-8859-1" />
<title>Documento senza titolo</title>
<script language="JavaScript">

</script>
</head>

<body>

<a href="javascript:mostra();">Leggi</a><br><a href="javascript:nascondi();">Nascondi</a></script>
<br><br><div id="testo" style="display: none; border: 1px solid;">;Testo interno al div.
</div>
</body>
</html>[/html]