mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 28.04.2024 23:03 Benutzername: Passwort: Auto-Login

Thema: jQuery tablesorter vom 14.07.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> jQuery tablesorter
Autor Nachricht
Geri93
Threadersteller

Dabei seit: 14.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 14.07.2010 12:52
Titel

jQuery tablesorter

Antworten mit Zitat Zum Seitenanfang

Hi!
Ich möchte auf meiner Website die Tabelle per Mausklick ordnen. Die tabelle besteht aus den Daten, die in einer Datenbank gespeichert sind.

Weiß jemand vielleicht, wie man den jQuery tablesorter anwendet?

MFG Geri
  View user's profile Private Nachricht senden
Eistee
Administrator

Dabei seit: 31.10.2001
Ort: Grimma
Alter: 45
Geschlecht: Männlich
Verfasst Mi 14.07.2010 13:29
Titel

Antworten mit Zitat Zum Seitenanfang

Ähm, hier stehen wirklich alles ausführlich und mit Beispielen erklärt:

http://tablesorter.com/docs/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Geri93
Threadersteller

Dabei seit: 14.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 14.07.2010 13:31
Titel

Antworten mit Zitat Zum Seitenanfang

Danke!
Jez hab ich nur 1 prob ... ich kenn mich überhaupt nicht mit javascript aus und habe eine tabelle in php geschrieben.
kann ich das $(document).tablesorter.....
einfach in das .php file schreiben oder was muss ich machen?

MFG Geri
  View user's profile Private Nachricht senden
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Mi 14.07.2010 13:33
Titel

Antworten mit Zitat Zum Seitenanfang

du gibst die tabelle komplett mit php aus und wendest den tablesorter auf die id/class der tabelle an. steht doch alles beschrieben.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Geri93
Threadersteller

Dabei seit: 14.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 14.07.2010 13:43
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn ich folgendes mache, dann funktioniert es nicht:
<html><head><title>MyTable</title></head><body>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.tablesorter.js" type="text/javascript"></script>
<?php
//DB-Connection und Logincheck
require_once( "../check_login.php" );
require_once( "../connect_db.php" );

$table = 'V_LNX_SERVER';


// sending query
$result = mysql_query("SELECT HOSTNAME, STATUS FROM {$table}");
if (!$result) {
die("Query to show fields from table failed");
}

$fields_num = mysql_num_fields($result);

echo "<h1>Table: {$table}</h1>";
echo "<table border='1' id='myTable'><tr>";
// printing table headers
for($i=0; $i<$fields_num; $i++)
{
$field = mysql_fetch_field($result);
echo "<td>{$field->name}</td>";
}
echo "</tr>\n";
// printing table rows
while($row = mysql_fetch_row($result))
{
echo "<tr>";

// $row is array... foreach( .. ) puts every element
// of $row to $cell variable
foreach($row as $cell)
echo "<td>$cell</td>";

echo "</tr>\n";
}
mysql_free_result($result);
?>
</body></html>
$(document).ready(function(){
$("#myTable").tablesorter();
});
  View user's profile Private Nachricht senden
owntheworld

Dabei seit: 26.12.2009
Ort: Augsburg
Alter: 37
Geschlecht: Männlich
Verfasst Mi 14.07.2010 21:04
Titel

Antworten mit Zitat Zum Seitenanfang

Geri93 hat geschrieben:
Wenn ich folgendes mache, dann funktioniert es nicht:

Da sind auch ein paar grundlegende Fehler drin!
Folgendes sollte funktionieren:
Code:
<html>
<head>
<title>MyTable</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.tablesorter.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#myTable").tablesorter();
});
</script>
</head>
<body>
<h1>Table: myTable</h1>
<table border='1' id='myTable'>
<thead>
<tr>
    <th>Eins</th>
    <th>Zwei</th>
    <th>Drei</th>
</tr>
</thead>
<tbody>
    <tr>
        <td>A</td>
        <td>A</td>
        <td>A</td>
    </tr>
    <tr>
        <td>B</td>
        <td>B</td>
        <td>B</td>
    </tr>
</tbody>
<table>
</body>
</html>
  View user's profile Private Nachricht senden
Geri93
Threadersteller

Dabei seit: 14.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 15.07.2010 08:28
Titel

Antworten mit Zitat Zum Seitenanfang

@owntheworld: Danke funktioniert jetzt Grins
  View user's profile Private Nachricht senden
 
Ähnliche Themen jQuery Plugin - Slider als Input wie in jQuery UI
jquery - hide content in jquery object
jQuery
jQuery 1.4
Das Feature von jQuery
jquery 1.4.1 und 1.6.1. zusammen?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.