header-xh-01 header-xh-02 header-xh-03 header-xh-04 header-xh-05 header-xh-06 header-xh-07 header-xh-08 header-xh-09 header-xh-10 header-xh-11 header-xh-12 header-xh-13 header-xh-14
Lembach's nichtkommerzielle Website rund um CMSimple_XH
Templates, Plugins, Tools, Programme
und Tips und Tricks die mir wichtig sind
Sie sind hier: Startseite > Plugins > SimplePlugins_XH Edition KRL > Function tablecolumns

Function tablecolumns

Useage : {­{{tablecolumns}}}
Example : {{­{tablecolumns}}}

Tabellenspalten aus- und wieder einblenden
Oberhalb der Tabelle wird ein Button eingeblendet. Klickt man darauf, wird eine Checkbox-Liste mit den Spalten-Headern ein- oder ausgeblendet (Toggelfunktion). Jede Spalte, bei der man den Haken an der Checkbox entfernt, wird ausgeblendet. Die Spalte erscheint wieder, sobald der Haken wieder gesetzt wird.
Die Tabelle folgt am besten diesem Muster:
 <div style="overflow: auto;"><span>{{­{tablecolumns}}}</span>
    <table class="tablecolumns" style="border-collapse: collapse; width: 100%;" border="1"><caption><strong>Test-Tabelle</strong></caption>
        <thead>
            <tr>
                <th>Header1</th>
                <th>Header2</th>
                ...
                <th>Header8</th>
                <th>Header9</th>
                <th>Header10</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Zelle a1</td>
                <td> </td>
                ...
                <td> </td>
            </tr>
            <tr>
                <td> </td>
                <td>Zelle b2</td>
                ...
                <td> </td>
            </tr>
        </tbody>
    </table>
</div>

Die gesamte Tabelle incl. des Funktionsaufrufs wird optional von einer DIV umschlossen. Deren Style-Definition sorgt dafür, dass breite Tabellen nicht aus dem übergeordneten blockbildendem Element herauslaufen.
Die Tabelle muss zwingend einen <thead> - </thead> Bereich mit <th> - </th> Spalten haben. Jede dieser <th> - </th> Spalten muss einen eindeutigen (und nur einmal vorkommenden) Namen haben. Im <table> Tag muss zwingend die Klasse 'tablecolumns' zugewiesen werden: <table class="tablecolumns" ...>.

Test-Tabelle
Header1 Header2 Header3 Header4 Header5 Header6 Header7 Header8 Header9 Header10
Zelle a1     1234567890123456789     das ist sinnloser Text      
  Zelle b2     abcdefghijklmnop     _________________    
    Zelle c3     !"§$%&/()=?{[]}\#     =======================  

 

Dateiname: ./plugins/simpleplugins_xh/simpleplugins_library/tablecolumns/index.php

<?php

/*
* @copyright 2017 Christoph M. Becker – Plugins for CMSimple_XH
* in dieses Plugin implementiert von Karl Richard Lembach auf Wunsch von Michael Zajusch
* @license: free
* Funktion: tablecolumn
*
* ==========================================
* Tabellenspalten aus- und wieder einblenden
* ==========================================
* Oberhalb der Tabelle wird ein Button eingeblendet.
* Klickt man darauf wird eine Checkbox-Liste mit den Spalten-Headern ein- oder ausgeblendet (Toggelfunktion).
* Jede Spalte, bei der man den Haken an der Checkbox entfernt wird ausgeblendet.
* Die Spalte erscheint wieder sobald der Haken wieder gesetzt wird.
*
* Die Tabelle folgt am besten diesem Muster:
<div style="overflow: auto;"><span>{{{tablecolumns}}}</span>
<table class="tablecolumns" style="border-collapse: collapse; width: 100%;" border="1"><caption><strong>Test-Tabelle</strong></caption>
<thead>
<tr>
<th>Header1</th>
<th>Header2</th>
...
<th>Header9</th>
<th>Header10</th>
</tr>
</thead>
<tbody>
<tr>
<td>Zelle a1</td>
<td> </td>
...
<td> </td>
</tr>
<tr>
<td> </td>
<td>Zelle b2</td>
...
<td> </td>
</tr>
</tbody>
</table>
</div>

* Die gesamte Tabelle incl. des Funktionsaufrufs wird optional von einer DIV umschlossen.
* Deren Style-Definition sorgt dafür, das breite Tabellen nicht aus dem übergeordneten blockbildendem Element herauslaufen.
* Die Tabelle muss zwingend einen <thead> - </thead> Bereich mit <th> - </th> Spalten haben.
* Jede dieser <th> - </th> Spalten muss einen eindeutigen (und nur einmal vorkommenden) Namen haben.
* Im <table> Tag muss zwingend die Klasse 'tablecolumns' zugewiesen werden: <table class="tablecolumns" ...>
*/
function tablecolumns()
{
global $bjs, $pth, $plugin_cf;

$pcf = $plugin_cf['simpleplugins_xh'];

if ($pcf['library_folder'] == '') {
$fn = $pth['folder']['plugins'] . 'simpleplugins_xh/simpleplugins_library/';
} else {
$fn = $pth['folder']['base'] . $pcf['library_folder'];
}

if (substr($fn, -1) != '/') {
$fn .= '/';
}

// $scripttablecolumns .= '<script type="text/javascript" src="' . $pth['folder']['plugins'] . 'simpleplugins_xh/simpleplugins_library/tablecolumns/'
$scripttablecolumns .= '<script type="text/javascript" src="' . $fn . 'tablecolumns/' . 'tablecolumns.js"></script>
<style type="text/css">
table.tablecolumns th{
background-color: #FFD11933;
}
</style>
';
// echo $scripttablecolumns . "\n";
$bjs .= $scripttablecolumns;
}
?>

| Seitenanfang | |  - - - By CrazyStat - - -