sortierbare tabell einfügen

[AndreHa]

Hi.
Ich hab mal wieder was, was nicht klappt  
Ich möcht auf einer Inhaltsseite eine sortierbareTabelle einfügen, die hab ich von hier:
http://www.selfhtml.de/demo/table-src.html

Wenn ich den dort angegeben sourcecode in ein [html| ]
einpacke, klappt das aber nicht. DieTabelle wird zwar angezeigt, ist aber nicht sortierbar.
Meine ridumentären Kenntnisse sagen mir das das was mit den

<div class="JSTableStripe">
<div class="JSTableSort">

zu tun hat.
Muss ich da irgendwo anders noch was definieren?

Schon mal vielen Dank im voraus

Andre

[stefanbe]

Da gibts doch bestimt noch eine JavaScript datei die must du auch einbinden

gruss stefanbe

[l4nig3r]

jupp, zum einen mit den divs, zum anderen mit den class-attributen der th-elemente:

Code Auswählen Erweitern

<div class="JSTableStripe">
<div class="JSTableSort">
<table>
    <thead>
    <tr><th [b]class="SortNumber"[/b]>Integers</th><th class="SortString">Strings</th><th class="SortNumber">Floats</th><th class="SortString">Strings 2</th><th class="SortString">Dates</th><th>No Sorting</th></tr>
    </thead>


zusätzlich dazu brauchst du noch das javascript, das dahinter steckt:

Code Auswählen Erweitern

<script src="jsc/jsComponents.js" type="text/javascript"> </script>
<script src="jsc/jsTableControls.js" type="text/javascript"> </script>

ich denke mal, auf der seite, auf der die jungs von selfhtml auf diese demoseite verlinken, wird es auch einen downloadlink zu den beiden js-dateien geben

[AndreHa]

Hmmmja OK.
Aber wo muss ich das denn einbauen?

Also den oberen Code bau ich per [html|code]
ein... und den unteren Part, wo kommt der hin?
Der muss ja bei einer richtigen (oder von vorneherein kompletten) HTML-Datei in den header, - und hier?

[JFooty]

und den unteren Part, wo kommt der hin?

Dieser Teil:

Code Auswählen Erweitern

<script src="jsc/jsComponents.js" type="text/javascript"> </script>
<script src="jsc/jsTableControls.js" type="text/javascript"> </script>

kommt in die template.html deines verwendeten Layouts. Dort findest du den Head-Bereich.