sortierbare Tabelle in Typo3

[TopTeam]

Hallo zusammen,


ich habe ein Problem mit dem Einfügen dieser Tabelle:
http://www.topteam.de/test5/
in Typo3.


In Html funktioniert sie, wie ihr seht. In Typo3 (6.2) hat sie anfangs auch funktioniert, jetzt aber nicht mehr und ich komme nicht dahinter wieso.


Ich habe die Javascript Dateien ganz normal ins Template:
Code:

page.includeJS{

file1 = fileadmin/Programmierung/javascript/jquery-latest.js

file2 = fileadmin/Programmierung/javascript/jquery.tablesorter.js

....

}

 ....<script type="text/javascript">

$(function() {

$("#tablesorter-demo").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});

$("#options").tablesorter({sortList: [[0,0]], headers: { 3:{sorter: false}, 4:{sorter: false}}});

});

</script>

und die Tabelle als Html Feld eingefügt.
Alle anderen Javascript Dateien, die im Template stehen funktionieren auch, nur die Tabelle eben nicht.
Dies sind alle Javascript Dateien:

page.includeJS{
#Tabelle zum sortieren
file1 = fileadmin/Programmierung/javascript/jquery-latest.js
file2 = fileadmin/Programmierung/javascript/jquery.tablesorter.js
#Hintergrundbilder Slideshow
file3 = fileadmin/Programmierung/javascript/jquery.imagesloaded.min.js
file4 = fileadmin/Programmierung/javascript/modernizr.custom.js
file5 = fileadmin/Programmierung/javascript/cbpBGSlideshow.min.js
#Partnerlogo Slideshow unten einbinden
file6 = fileadmin/Programmierung/partnerlogos/Partnerlogos_edge.js
file7 = fileadmin/Programmierung/partnerlogos/Partnerlogos_edgeActions.js
file8 = fileadmin/Programmierung/partnerlogos/Partnerlogos_edgePreload.js
file9 = fileadmin/Programmierung/partnerlogos/edge_includes/edge.4.0.1.min.js
file10 = fileadmin/Programmierung/partnerlogos/edge_includes/jquery-2.0.3.min.js
}

So sieht die Tabelle in Typo3 bei mir aus:
Hillemeyer Immobilien: Historie Expo Real

Die Slideshow im Hintergrund habe ich mit einem Online Tool (bg slideshow)
Hier der html Code dafür:

<ul id="cbp-bislideshow" class="cbp-bislideshow">
<li><img src="fileadmin/Programmierung/bilder/Hintergrundbilder/Retailer-Meeting_01.jpg" alt="image01"/></li>
<li><img src="fileadmin/Programmierung/bilder/Hintergrundbilder/Retailer-Meeting_02.jpg" alt="image01"/></li>
<li><img src="fileadmin/Programmierung/bilder/Hintergrundbilder/Retailer-Meeting_03.jpg" alt="image01"/></li>
<li><img src="fileadmin/Programmierung/bilder/Hintergrundbilder/Retailer-Meeting_04.jpg" alt="image01"/></li>
<li><img src="fileadmin/Programmierung/bilder/Hintergrundbilder/Retailer-Meeting_05.jpg" alt="image01"/></li>
</ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="fileadmin/Programmierung/javascript/jquery.imagesloaded.min.js"></script>
<script src="fileadmin/Programmierung/javascript/cbpBGSlideshow.min.js"></script>
<script>$(function() {cbpBGSlideshow.init();});</script>

erstellt, die Slideshow unten mit Adobe Edge Animate, hier der Html Code:

<div id="Stage" class="EDGE-15853479">
        <div id="Stage_partner_112" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_102" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_92" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_82" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_72" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_62" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_52" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_42" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_32" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_22" class="edgeLoad-EDGE-15853479"></div>
        <div id="Stage_partner_12" class="edgeLoad-EDGE-15853479"></div>
    </div>

, die Tabelle mit Tablesorter 2.0, hier der Code dafür:

				<table id="tablesorter-demo" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
		<thead>
			<tr>
				<th>First Name</th>
				<th>Last Name</th>
				<th>Age</th>
				<th>Total</th>
				<th>Discount</th>
				<th>Difference</th>
				<th>Date</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Peter</td>
				<td>Parker</td>
				<td>28</td>
				<td>$9.99</td>
				<td>20.9%</td>
				<td>+12.1</td>
				<td>Jul 6, 2006 8:14 AM</td>
			</tr>
.....
		</tbody>
	</table>

Aufgrund des ganzen generierten Codes scheint etwas doppelt zu sein, ich weiß nur nicht was.

Wisst ihr wo mein Fehler liegt oder welchen Weg es noch gibt, um eine sortierbare Tabelle in Typo3 einzufügen?


LG

 

[miniA4kuser]

Was heißt denn funktioniert nicht? Was sagt denn die Fehlerkonsole?