You are not logged in.

  • Login

1

Saturday, September 18th 2010, 10:46pm

Suche Pagination Script für Table

Hallo,

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



Im Prinzip die Funktion vom Wbb

Gruß logi

2

Saturday, September 18th 2010, 11:24pm

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

3

Saturday, September 18th 2010, 11:59pm

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

4

Sunday, September 19th 2010, 8:30am

also wie hier im Forum :)
Das Script ist Open Source und steht unter der LGPL, schaue hier: http://www.woltlab.com/forum/wcf/js/MultiPagesLinks.class.js

clientseitig sieht das so aus:

HTML 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
<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)">&hellip;<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>

5

Sunday, September 19th 2010, 1:51pm

wie nutze ich das ganze für eine tabelle?

6

Sunday, September 19th 2010, 1:57pm

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?

7

Sunday, September 19th 2010, 2:26pm

eine html tabelle

8

Sunday, September 19th 2010, 2:57pm

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: http://www.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:

JavaScript Code

1
2
3
4
5
6
7
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';
	}
}

9

Sunday, September 19th 2010, 4:52pm

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 :D

Danke

10

Sunday, September 19th 2010, 8:06pm

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.

Similar threads

Social bookmarks