tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
224
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 17.10.11 23:11 #1
    Gargzhul Gargzhul ist offline Grünschnabel
    Registriert seit
    Jul 2005
    Beiträge
    1
    Guten Abend,

    ich möchte für meine Freundin eine kleine Tabelle erstellen; das geht zwar auch so mit HTML, sieht aber nicht so hübsch aus. Darum habe ich ein kleines Plugin gefunden, welches ansehnliche Lösungen bietet. Ich hab mich bisher nie mit sowas beschäftigt und bräuchte daher eine kleine Hilfestellung - die Antwort ist sicher kurz. Ich will wirklich nur diese kleine Tabelle erstellen, darum bitte keine Links zu ellenlangen Guides oder so

    Ich habe eine HTML-Datei namens "liste.html" mit dieser Beispiel-Tabelle. Code:

    Code:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

    <html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.tablesorter.min.js"></script> 
    <script type="text/javascript">
      $(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
); 
    </script>
  </head>
  <body>
    <table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Email</th> 
    <th>Due</th> 
    <th>Web Site</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith</td> 
    <td>John</td> 
    <td>jsmith@gmail.com</td> 
    <td>$50.00</td> 
    <td>http://www.jsmith.com</td> 
</tr> 
<tr> 
    <td>Bach</td> 
    <td>Frank</td> 
    <td>fbach@yahoo.com</td> 
    <td>$50.00</td> 
    <td>http://www.frank.com</td> 
</tr> 
<tr> 
    <td>Doe</td> 
    <td>Jason</td> 
    <td>jdoe@hotmail.com</td> 
    <td>$100.00</td> 
    <td>http://www.jdoe.com</td> 
</tr> 
<tr> 
    <td>Conway</td> 
    <td>Tim</td> 
    <td>tconway@earthlink.net</td> 
    <td>$50.00</td> 
    <td>http://www.timconway.com</td> 
</tr> 
</tbody> 
</table>  
  </body> 
  </html>

    Im gleichen Ordner befinden sich dann noch die Dateien jquery.js (Inhalt: Klick) sowie jquery.tablesorter.min.js (Inhalt: Klick).

    Ich bin nach der Methode vorgegangen, wie sie hier beschrieben wird; genau so eine Tabelle hätte ich gerne.

    Über Antworten, was ich falsch gemacht habe, würde ich mich sehr freuen.

    Danke!
     
    Zitieren Zitieren
  2. 18.10.11 10:07 #2
    Avatar von Maniac
    Maniac Maniac ist offline Mitglied Smaragd
    Registriert seit
    Apr 2007
    Ort
    Augsburg/Gersthofen (Bayern)
    Beiträge
    1.204
    Kann jetzt so auch nichts entdecken, hast du den FireFox +Firebug?
    Dort könntest dir den Live-Dom ansehen, was denn nun gemacht wird, sowie auch nachsehn ob die Dateien richtig geladen werden.
    Existiert denn die jquery.tablesorter.min.js auch in deinem Verzeichnis? Im Beispiel vom Plugin ist die jquery.tablesorter.js angegeben und nicht die ".min.js"
     
    Die Schweine von heute sind unsere Schnitzel von morgen!
    Zitieren Zitieren
« dropdownmenü automatisch selectieren | Jquery Ajax-Request und Fehlerausgabe unter Inputfeldern klappt nicht »

Ähnliche Themen

  1. JQuery Queuing-Problem beim Hovermenü und & ajax/Jquery Animation
    Von Socimy im Forum Javascript & Ajax
    Antworten: 12
    Letzter Beitrag: 05.08.11, 07:33
  2. Formularverarbeitung im Hintergrund +File Upload / jquery /jquery.valitation
    Von Strafi im Forum PHP
    Antworten: 3
    Letzter Beitrag: 20.10.10, 20:47
  3. [jQuery-dataTables] jQuery dataTable erstellen mit DB-Einträgen
    Von Bexx im Forum Javascript & Ajax
    Antworten: 9
    Letzter Beitrag: 22.07.10, 15:51
  4. Dynamisch generierte Tabelle und JQuery Problem!
    Von BrainLight im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 26.03.10, 14:31
  5. jQuery - DIV ein/ausblenden in Tabelle
    Von holly123 im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 04.10.09, 17:39