TableKit einbinden



Voraussetzungen



* [[webedition:embed-frameworks:embed-javascript-frameworks:embed-prototype-javascript-framework|Prototype JavaScript framework einbinden]]
* TableKit heruntergeladen (Download: [[http://www.millstream.com.au/view/code/tablekit/|Webseite des Entwicklers]])

Zum Einbinden von TableKit gehen Sie wie folgt vor:



- Öffnen Sie die Datei tablekit-demo/css/style.css (auf Ihrer lokalen Festplatte) in einem Texteditor.
- Löschen Sie ausgehend vom Anfang des Inhaltes alles bis (exklusive) zur folgenden Zeile (62):\\ \\ <code css>table {</code>
- Ändern Sie die Referenzen zu den Bildern in der CSS-Datei wie folgt:
* CSS-Klasse ''.sortasc'': ''up.gif'' -> ''/images/tabekit/up.gif''
* CSS-Klasse ''.sortdesc'': ''down.gif'' -> ''/images/tabekit/down.gif''
- Speichern Sie die Datei "tablekit-demo/css/style.css".
- Benennen Sie die Datei "tablekit-demo/css/style.css" in "tablekit-demo/css/tablekit.css" um.
- Öffnen Sie webEdition.
- Erstellen Sie im Wurzelverzeichnis ein Dokumenten-Verzeichnis mit dem Namen "css".
- Importieren Sie von Ihrer lokalen Festplatte die Datei "tablekit-demo/css/tablekit.css" in das Verzeichnis "css".
- Erstellen Sie im Wurzelverzeichnis ein Dokumenten-Verzeichnis mit dem Namen "js".
- Importieren Sie von Ihrer lokalen Festplatte die Datei "tablekit-demo/js/tablekit.js" in das Verzeichnis "js".
- Erstellen Sie im Wurzelverzeichnis ein Dokumenten-Verzeichnis mit dem Namen "images".
- Erstellen Sie im Verzeichnis "images" ein Dokumenten-Verzeichnis mit dem Namen "tablekit".
- Importieren Sie von Ihrer lokalen Festplatte folgende Dateien aus dem TableKit-Paket in das Verzeichnis "/images/tablekit/":
* tablekit-demo/css/down.gif
* tablekit-demo/css/up.gif
- Fügen Sie in allen Vorlagen, auf denen Sie TableKit nutzen möchte, folgenden Quellcode ein:\\ \\ <code html>
<we:ifNotEditmode>
<!-- TableKit einbinden -->
<link rel="stylesheet" type="text/css" media="all" href="/css/tablekit.css" />
<script type="text/javascript" src="/js/tablekit.js"></script>
</we:ifNotEditmode>
</code>

Weiterführende Informationen



* [[http://www.millstream.com.au/view/code/tablekit/|Webseite des TableKit Entwicklers]]
powered by webEdition CMS