Buongiorno,
non sono pratica di script, ma dovrei realizzare la seguente cosa:
n tabelle una sotto l'altra
alla prima visualizzazione della pagina, visualizza la prima e nasconde tutte le altre
al click del corrispondente link o bottone, visualizza solo quella e nasconde le altre.
Concettualmente ci sono, è la scrittura pratica che non capisco come sistemare
esempio base:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
function hideAll() {
$("primaTabella").hide();
$("seconTabella").hide();
$("terzaTabella").hide();
}
function Pulsante2() {
$("primaTabella").hide();
$("seconTabella").show();
$("terzaTabella").hide();
$("Link1").removeClass();
$("Link3").removeClass();
$("Link2").addClass("subMenuActive");
}
</script>
</head>
<body lang="it" bgcolor="#ffffff">
<table>
<tr>
<td id="Link1" >pulsante 1</td>
</tr>
<tr>
<td id="Link2" >pulsante 2</td>
</tr>
</table>
<table id="primaTabella" width="300" border="1">
<tr width="400">
<td width="600">prima cella</td>
<td width="600">seconda cella</td>
</tr>
<tr>
<td width="75%">terza cella</td>
<td width="25%">quarta cella</td>
</tr>
</table>
<table id="seconTabella" width="300" border="1">
<tr width="400">
<td width="600">prima cella</td>
<td width="600">seconda cella</td>
</tr>
<tr>
<td width="75%">terza cella</td>
<td width="25%">quarta cella</td>
</tr>
</table>
<table id="terzaTabella" width="300" border="1">
<tr width="400">
<td width="600">prima cella</td>
<td width="600">seconda cella</td>
</tr>
<tr>
<td width="75%">terza cella</td>
<td width="25%">quarta cella</td>
</tr>
</table>
</body>
</html>
inoltre, come si chiama in automatico hideAll() ?
thanks :\
Rispondi quotando
