Mostrare/nascondere tabella

**Structure** · 27-04-2008, 12:06

Salve a tutti, malgrado io sia riuscito a trovare diversi articoli dal contenuto molto prossimo a ciò che sto cercando, la mia inesperienza non mi ha permesso di risolvere il problema in questione, ossia: scrivere un codice javascript che mi permetta, dato l'evento onClick su un'immagine, di mostrare o nascondere la relativa tabella alla quale l'immagine è collegata.

Io ho provato con questo codice molto molto semplice:

codice:

<html>
<head>
<title>Pannello di amministrazione</title>

<script type="text/javascript" language="javascript">
function showtable(idtable)
{
	if (document.getElementById(idtable).style.display = "none") document.getElementById(idtable).style.display = "block";
else document.getElementById(idtable).style.display = "none";
}
</script>

</head>

<body>
<table>
<tr>
	<td>Gestione utenti [img]/images/immagine_prova.png[/img]</td>
</tr>
<tr>
<td>
	<table id="users" style="display:none;"><tr><td>Tabella per la gestione degli utenti
	</td></tr></table>
</td>
</tr>
<tr><td>Gestione articoli</td></tr>
<tr><td>Gestione commenti</td></tr>
<tr><td>Gestione file</td></tr>
</table>
</body>
</html>

Ora, quel che succede è che (in Firefox 2.0, l'unico che io abbia provato) la tabella nascosta viene visualizzata, ma al momento in cui la pagina smette di essere caricata, torna ad essere nascosta. Cosa devo fare?

**Structure** · 27-04-2008, 16:20

Ho provato anche un diverso codice per vedere se riuscivo a cambiare qualcosa, ma anche stavolta non funziona.

codice:

<html>
<head>
<title>Samuele Cappelli - Pannello di amministrazione</title>

<script type="text/javascript" language="javascript">
function showtable(idtable)
{
	if (document["pic_" + idtable].src = '/images/immagine_prova.png')
		{
		document["pic_" + idtable].src = '/images/immagine_prova2.png';
		document.getElementById(idtable).style.display = "block";
		}
	if (document["pic_" + idtable].src = '/images/immagine_prova2.png')
		{
		document["pic_" + idtable].src = '/images/immagine_prova.png';
		document.getElementById(idtable).style.display = "none";
		}
}
</script>

</head>

<body>
<table>
<tr>
	<td>Gestione utenti [img]/images/immagine_prova.png[/img]</td>
</tr>
<tr>
<td>
	<div id="users" style="display:none;">
	<table><tr><td>Tabella per la gestione degli utenti
	</td></tr></table>
	</div>
</td>
</tr>
<tr><td>Gestione articoli</td></tr>
<tr><td>Gestione commenti</td></tr>
<tr><td>Gestione file</td></tr>
</table>
</body>
</html>

Nessuno che abbia qualche consiglio da dare?

**Structure** · 27-04-2008, 16:57

Bah... alla fine sono riuscito a trovare un codice che sembra funzionare sia con Firefox, sia con IE7. Lo trascrivo di seguito per quelli che potrebbero avere il mio stesso problema.

codice:

<html>
<head>
<title>Samuele Cappelli - Pannello di amministrazione</title>

<script type="text/javascript" language="javascript">
function showtable(idtable)
{
// mostra/nascondi tabella
	var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
	var a=(document.getElementById(idtable).style.display=='none')?((IE)?'block':'table'):'none';
	document.getElementById(idtable).style.display=a
}
</script>

</head>

<body>
<table>
<tr>
	<td>Gestione utenti [img]/images/immagine_prova.png[/img]</td>
</tr>
<tr>
<td>
	<div id="users" style="display:none;">
	<table><tr><td>Tabella per la gestione degli utenti
	</td></tr></table>
	</div>
</td>
</tr>
<tr><td>Gestione articoli</td></tr>
<tr><td>Gestione commenti</td></tr>
<tr><td>Gestione file</td></tr>
</table>
</body>
</html>

Discussione: Mostrare/nascondere tabella

Strumenti discussione

Ricerca discussione

Visualizza

Mostrare/nascondere tabella

Permessi di invio