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
Letzte Bearbeitung:

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

/*****************************************************
* Category : CMSimple_XH
* Typ : CMSimple Plugin
* Package : simpleplugins_xh Edition KRL
*****************************************************
* Function name : tablecolumns
* File name : index.php
* Version : 1.7.2
* Build : 20240206
* Autor : 2017 Christoph M. Becker – Plugins for CMSimple_XH
* Modifyed by : Karl Richard Lembach https://lembach-cmsimple.de
* in dieses Plugin implementiert auf Wunsch von Michael Zajusch
* Lizenz : CC-by-SA https://creativecommons.org/licenses/by-sa/4.0/deed.de
* Function : Tabellenspalten aus- und einblenden
* Hide and show table columns
******************************************************
* 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.
*
* A button is displayed above the table.
* If you click on it, a checkbox list with the column headers is shown or hidden (toggle function).
* Each column for which the checkbox is unchecked is hidden.
* The column reappears as soon as the checkbox is checked again.
*
* Die Tabelle folgt am besten diesem Muster | The table best follows this pattern:
<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" ...>
*
* The entire table including the function call is optionally enclosed by a DIV.
* Its style definition ensures that wide tables do not run out of the parent block-forming element.
* The table must have a <thead> - </thead> area with <th> - </th> columns.
* Each of these <th> - </th> columns must have a unique (and only occur once) name.
* The class 'tablecolumns' must be assigned in the <table> tag: <table class="tablecolumns" ...>
*/

function tablecolumns()
{
global $bjs, $pth, $plugin_cf, $plugin_tx;

$buttontext = $plugin_tx['simpleplugins_xh']['tablecolumns_button'];

$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;
// return $buttontext;
}
?>

| Seitenanfang |