Suche Pagination Script für Table

camiyo · 18. September 2010, 22:46

Hallo,

ich suche ein Pagination Script für die Ausgabe aus einer Datenbank, damit die Seite nicht so lang wird.

[Blockierte Grafik: http://media.smashingmagazine.com/cdn_smash/images/paginierung/erweiterungen.gif]

Im Prinzip die Funktion vom Wbb

Gruß logi

Florian · 18. September 2010, 23:24

Anleitungen und fertige Scripts findet man zu Genüge mit Google. Irgendwelche Sonderwünsche?

camiyo · 18. September 2010, 23:59

ich möchte es hallt nur wie oben auf dem bild haben.

Torben Brodt · 19. September 2010, 08:30

also wie hier im Forum

Das Script ist Open Source und steht unter der LGPL, schaue hier: woltlab.com/forum/wcf/js/MultiPagesLinks.class.js

clientseitig sieht das so aus:

Quellcode

<script type="text/javascript">
//<![CDATA[
multiPagesLinks.setPageLink('index.php?page=Board&boardID=40&pageNo=%d');
//]]>
</script><div class="pageNavigation">
<ul>
<li class="skip"><img src="wcf/icon/previousDisabledS.png" alt="" /></li>
<li class="active"><span>1</span></li>
<li><a href="html-ajax-und-co-2.html">2</a></li>
<li><a href="html-ajax-und-co-3.html">3</a></li>
<li><a href="html-ajax-und-co-4.html">4</a></li>
<li><a href="html-ajax-und-co-5.html">5</a></li>
<li><a href="html-ajax-und-co-6.html">6</a></li>
<li><a href="html-ajax-und-co-7.html">7</a></li>
<li class="children"><a onclick="multiPagesLinks.startPageNumberInput(this)">…<img src="wcf/icon/arrowDown.png" alt="" /></a><input type="text" class="inputText" name="page" /><div><ul>
<li><a href="html-ajax-und-co-8.html">8</a></li>
<li><a href="html-ajax-und-co-11.html">11</a></li>
<li><a href="html-ajax-und-co-14.html">14</a></li>
<li><a href="html-ajax-und-co-17.html">17</a></li>
<li class="break"><a href="html-ajax-und-co-20.html">20</a></li>
<li><a href="html-ajax-und-co-23.html">23</a></li>
<li><a href="html-ajax-und-co-26.html">26</a></li>
<li><a href="html-ajax-und-co-29.html">29</a></li>
<li class="break"><a href="html-ajax-und-co-32.html">32</a></li>
<li><a href="html-ajax-und-co-35.html">35</a></li>
<li><a href="html-ajax-und-co-38.html">38</a></li>
<li><a href="html-ajax-und-co-41.html">41</a></li>
<li class="break"><a href="html-ajax-und-co-44.html">44</a></li>
<li><a href="html-ajax-und-co-47.html">47</a></li>
<li><a href="html-ajax-und-co-50.html">50</a></li>
<li><a href="html-ajax-und-co-53.html">53</a></li>
<li class="break"><a href="html-ajax-und-co-56.html">56</a></li>
</ul></div></li>
<li><a href="html-ajax-und-co-57.html">57</a></li>
<li class="skip"><a href="html-ajax-und-co-2.html" title="nächste Seite"><img src="wcf/icon/nextS.png" alt="" /></a></li>
</ul>

Alles anzeigen

camiyo · 19. September 2010, 13:51

wie nutze ich das ganze für eine tabelle?

Torben Brodt · 19. September 2010, 13:57

Was für eine Art Tabelle meinst du?
* MySQL Tabelle
* JavaScript Pagination über eine darstellende Tabelle
* Buttons in Tabelle

Das Script überträgt den Offset als GET Parameter "pageNo".
Weitere Probleme?

camiyo · 19. September 2010, 14:26

eine html tabelle

Torben Brodt · 19. September 2010, 14:57

Mit der Antwort hätte ich nicht gerechnet.
Also du willst Pagination mit einer darstellenden HTML Tabelle verbinden.
Dann willst du also 500 Sachen in eine HTML Tabelle schreiben. Und mit den Pagination Buttons möchtest du entscheiden, dass nur Zeilen 1 bis 10, oder 11 bis 20 angezeigt werden.
Das hat zwar die Optik vom WBB - aber ist ein ganz anderer Anwendungsfall.

Dann würde ich dir erstmal empfehlen die jquery Data Tables zu verwenden: datatables.net/
Das bietet dir einiges an Features. Im Nachhinein kannst du dann eine Extension programmieren, die die Pagination Buttons anders aussehen lässt.

Wenn dir das zu aufwendig ist, weil du nur die Pagination Funktion auf bestimmten Zeilen benötigst, dann kannst du dir die Aufrufe selber machen.
Je nachdem was dir einfacher erscheint. Hier ein kleines Beispiel:

Quellcode

function paginate(id, from, to) {
var table = document.getElementById('foo');
var data = table.getElementsByTagName('tr');
for(var i=0; i<data.length; i++) {
data.style.display = i < from || i > to ? 'none' : 'block';
}
}

camiyo · 19. September 2010, 16:52

Ich will Daten aus einer Datenbank auslesen lassen und sie in einer Html Tabelle ausgeben lassen. Oder gibt es da anderer Wege?

Vielen Dank für deine/eure Hilfe

Ich habe mich sicherlich nicht richtig ausgedrückt, aber nun haben wir es ja gelöst

Danke

Torben Brodt · 19. September 2010, 20:06

dann ist die jtable Information vermutlich doch nichts für dich.

Das HTML das ich oben erzeugt habe, sollte nicht so schwer sein mit PHP zu rendern.
Das einzige was du brauchst ist die aktuelle Seite und die Anzahl an Seiten.

Suche Pagination Script für Table

Suche Pagination Script für Table

Quellcode

Quellcode

Teilen

Tags