-
Dailypain.
User deleted
TITOLOSOTTOTITOLO COLONNA 1 COLONNA 2 SOTTOTITOLO COLONNA 3 COLONNA1 COLONNA3 SOTTOTITOLO COLONNA 1 SOTTOTITOLO COLONNA 3 COLONNA1 COLONNA3 SOTTOTITOLO COLONNA 2 COLONNA2 SOTTOTITOLO COLONNA 1 SOTTOTITOLO COLONNA 2 SOTTOTITOLO COLONNA 3 COLONNA1 COLONNA2 COLONNA3
Codice di una tabella qualsiasi:CODICE<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">
<div class="mtitle">TITOLO</div>
</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr>
<td class="title">SOTTOTITOLO COLONNA 1</td>
<td rowspan="4" class="aa">COLONNA 2</td>
<td class="title">SOTTOTITOLO COLONNA 3</td>
</tr>
<tr title="RIGA2">
<td class="ww">COLONNA1</td>
<td class="ww">COLONNA3</td>
</tr>
<tr>
<td class="title">SOTTOTITOLO COLONNA 1</td>
<td class="title">SOTTOTITOLO COLONNA 3</td>
</tr>
<tr title="RIGA3">
<td rowspan="3" class="ww">COLONNA1</td>
<td rowspan="3" class="ww">COLONNA3</td>
</tr>
<tr>
<td class="title">SOTTOTITOLO COLONNA 2</td>
</tr>
<tr title="RIGA4">
<td class="aa">COLONNA2</td>
</tr>
<tr>
<td class="title">SOTTOTITOLO COLONNA 1</td>
<td class="title">SOTTOTITOLO COLONNA 2</td>
<td class="title">SOTTOTITOLO COLONNA 3</td>
</tr>
<tr title="RIGA5">
<td class="ww">COLONNA1</td>
<td class="aa">COLONNA2</td>
<td class="ww">COLONNA3</td>
</tr>
</table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>
Da oggi è possibile con una piccola "modifica" al codice della vostra bacheca fare in modo che si apra e si chiuda esattamente come già avviene per i blocchi delle sezioni
Il codice della vostra tabella va modificato aggiungendo questo script alla prima parte del codice della tabella, il resto rimane invariato!CODICE<script type="text/javascript">function Kps(id){var nav = document.getElementById(id).style ;var cls = document.getElementById('Kp');if(nav.display == 'none'){ nav.display = 'block'; cls.className ='minus'}else{ nav.display = 'none'; cls.className ='plus'}} </script>
<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr onclick="Kps('t0')"><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0" style="cursor:pointer"><tr><td class="mback_left"></td><td class="mback_center">
<div class="mtitle">TITOLO</div>
</td><td class="mback_right" align="center"><div id="Kp" class="minus"></div><div style="background-position:center"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"><img class="mleft" src="http://img.forumfree.net/index_file/spacer.gif" alt=""></td><td><div id="t0"><table class="mainbg" width="100%" cellpadding="0" cellspacing="1"><tr id="t0"><td class="ww">
Codice della tabella con integrato lo script per la modifica:CODICE<script type="text/javascript">function Kps(id){var nav = document.getElementById(id).style ;var cls = document.getElementById('Kp');if(nav.display == 'none'){ nav.display = 'block'; cls.className ='minus'}else{ nav.display = 'none'; cls.className ='plus'}} </script>
<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr onclick="Kps('t0')"><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0" style="cursor:pointer"><tr><td class="mback_left"></td><td class="mback_center">
<div class="mtitle">TITOLO</div>
</td><td class="mback_right" align="center"><div id="Kp" class="minus"></div><div style="background-position:center"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"><img class="mleft" src="http://img.forumfree.net/index_file/spacer.gif" alt=""></td><td><div id="t0"><table class="mainbg" width="100%" cellpadding="0" cellspacing="1"><tr id="t0"><td class="ww">
<tr>
<td class="title">SOTTOTITOLO COLONNA 1</td>
<td rowspan="4" class="aa">COLONNA 2</td>
<td class="title">SOTTOTITOLO COLONNA 3</td>
</tr>
<tr title="RIGA2">
<td class="ww">COLONNA1</td>
<td class="ww">COLONNA3</td>
</tr>
<tr>
<td class="title">SOTTOTITOLO COLONNA 1</td>
<td class="title">SOTTOTITOLO COLONNA 3</td>
</tr>
<tr title="RIGA3">
<td rowspan="3" class="ww">COLONNA1</td>
<td rowspan="3" class="ww">COLONNA3</td>
</tr>
<tr>
<td class="title">SOTTOTITOLO COLONNA 2</td>
</tr>
<tr title="RIGA4">
<td class="aa">COLONNA2</td>
</tr>
<tr>
<td class="title">SOTTOTITOLO COLONNA 1</td>
<td class="title">SOTTOTITOLO COLONNA 2</td>
<td class="title">SOTTOTITOLO COLONNA 3</td>
</tr>
<tr title="RIGA5">
<td class="ww">COLONNA1</td>
<td class="aa">COLONNA2</td>
<td class="ww">COLONNA3</td>
</tr>
</table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>
esempio qui cliccate sulla scritta TITOLO
.