Script apri e chiudi bacheca o tabella del forum

« Older   Newer »
 
  Share  
.
  1. Dailypain
        +1   -1
     
    .

    User deleted


    TITOLO
    SOTTOTITOLO COLONNA 1COLONNA 2SOTTOTITOLO COLONNA 3
    COLONNA1COLONNA3
    SOTTOTITOLO COLONNA 1SOTTOTITOLO COLONNA 3
    COLONNA1COLONNA3
    SOTTOTITOLO COLONNA 2
    COLONNA2
    SOTTOTITOLO COLONNA 1SOTTOTITOLO COLONNA 2SOTTOTITOLO COLONNA 3
    COLONNA1COLONNA2COLONNA3
     


    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">&nbsp;</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">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    esempio qui cliccate sulla scritta TITOLO
     
    Top
    .
0 replies since 13/10/2009, 09:58   1041 views
  Share  
.