Funktionen & Template » Seitenzahl eingeben

Florians Forum � Webmaster � Xobor (Homepagemodules & Dynamicboard) � Funktionen & Template � Seitenzahl eingeben

Themen-Einstellungen

Thema drucken

Bereich wechseln

#1 | Seitenzahl eingeben datum

30.01.2014 15:52

toggodamian

Informationen anzeigen

Beitr�ge:	67
Punkte:	188
Registriert seit:	13.01.2011

Hey Florian

Ich habe hier was wieder für dich zutun
Es geht um ein Script das erlaubt auf eine Bestimmte Seite zu springen, was als Vorteil wird, wenn ein Thema sehr viele Seiten hat und nicht mehr alle angesprungen werden können...
Eigentlich funktioniert es ja, nur finde ich könnte man es etwas auffrischen am besten mit jQuery und auch wäre toll wenn man nicht immer mit einer Variable die "Total Seitenzahl" zurückzählen muss um 1. also Praktisch -1

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
 
<script language="JavaScript">
	$(document).on('submit', 'form.searchpage_for', function(event){
		$(this).find('.searchpage_but').trigger('click');
		return false
	});
 
	function Seitenzahl(eing){
		{{pages_all.startint}}{{pages_all}}-1{{pages_all.end}}
		Max="{{pages_all}}";
		Max++
		var Seite = eing.substring();
		if(isNaN(Seite)) {
			alert('Keine Buchstaben & Zeichen erlaubt'); return false;
		}
		else if (Seite == "") {
			alert("Bitte Seitenzahl eingeben."); return false;
		}
		else if (Seite == 0 || Seite > Max) {
			alert("Die Seite "+Seite+" gibt es nicht."); return false;
		}
		else {
			a="{{link_current_page}}";
			b = a.lastIndexOf("-");b++
			c = a.slice(0, b);
			c = c.concat(Seite -1, ".html")
			location.href = c
		}
	return false
	}
</script>
 

1
2
3
4
5
 
							Zur Seitenzahl springen:
							<form class="searchpage_for">
								<input size="4" placeholder="Seitenzahl eingeben" type="text" class="inputbox searchpage_inp" title="Seitenzahl eingeben">
								<button type="button" title="{[search_submit]}" class="button searchpage_but" onclick="Seitenzahl($(this).prev().val())">{[search_submit]}</button>
 
 

Habe ich von Olaf hier: Direkte Eingabe der Seitenzahl

Ich danke dir vielmals!

Antworten

#2 | RE: Seitenzahl eingeben datum

31.01.2014 23:21

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hallo Damian,
werde mir das Skript demn�chst mal genauer anschauen. Mir ist gerade noch aufgefallen, dass das Vermindern von pages_all eigentlich nicht ben�tigt wird, da es nur in Max abgespeichert und danach wieder um eins erh�ht wird.

1
2
3
 
{{pages_all.startint}}{{pages_all}}-1{{pages_all.end}}
Max="{{pages_all}}";
Max++
 

Da ich im Moment in der Pr�fungsphase stecke, wird es aber noch ein wenig dauern. Ich bitte also noch um ein wenig Geduld.

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#3 | RE: Seitenzahl eingeben datum

01.02.2014 00:53

Ist klaro, ich wünsche dir dabei viel Glück

Antworten

#4 | RE: Seitenzahl eingeben datum

01.02.2014 14:38

Dankesch�n!

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#5 | RE: Seitenzahl eingeben datum

09.02.2014 16:35

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hi Damian,
ich habe nun ein angepasstes Skript f�r den Seitenwechsel.

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
 
$(function() {
	$('form.pageJumper').submit(function(e){
		var currentUrl  = '{{link_current_page}}';
		var currentPage = {{current_page}};
		var maxPage     = {{pages_all}};
 
		var page        = $(this).find('input[type=number]').val(); // eingegebene Seite
		page            = parseInt($.trim(page));                   // in Zahl umwandeln
 
		if (isNaN(page)) {
			alert('Bitte geben Sie eine Zahl ein.');
		}
		else if (page == currentPage) {
			// bereits auf dieser Seite �
		}
		else if (page <= 0 || page > maxPage) {
			alert('Seite ' + page + ' ist nicht vorhanden.');
		}
		else {
			currentUrl.match(/((https?:\/\/\S*?)(-\d+)?\.html)(#msg\d+)?/gi);
			var newUrl = RegExp.$2 + '-' + (page - 1) + '.html';
			location.href = newUrl;
		}
 
		return false;
	});
});
 

1
2
3
4
5
 
Zu Seite springen:
<form class="pageJumper" method="get" action="./">
	<input type="number" class="inputbox" size="4" title="Seitenzahl eingeben" placeholder="Seitenzahl eingeben" value="{{pages_all}}" min="1" max="{{pages_all}}" step="1" />
	<input type="submit" class="button" title="{[search_submit]}" value="{[search_submit]}" />
</form>
 

Es ist jetzt nur noch ein Funktionsblock n�tig, welcher sich auch um das Abfangen der Events des Formulares k�mmert. Statt immer das click-Event des Buttons zu triggern, wird direkt das Submit-Event des Formulars behandelt. Der Button wurde somit gleich zu einem Submit-Button, welcher ohne weiteres JS das Formular absenden w�rde.

Die Generierung der neuen Seiten-Adresse mithilfe der alten habe ich auf RegExp umgestellt, womit die Ersetzung noch etwas zuverl�ssiger werden sollte. Bei Urls mit Seitenzahl wie forum.xobor.de/t123456f12345678-Titel-des-Threads-10.html hat die Ersetzung wahrscheinlich noch funktioniert, befindet man sich allerdings auf der ersten Seite, welche keine Seitenzahl in der Url enth�lt wie z.B. forum.xobor.de/t123456f12345678-Titel-des-Threads.html, wird bei der Suche nach dem letzten Bindestrich ein Teil des Titels abgeschnitten und durch die gew�nschte Seitenzahl ersetzt.

Da das Formular nur aus zwei Elementen besteht und theoretisch eine CSS-Klasse zum ansprechen des Formulares reicht, habe ich die unn�tigen f�r das Textfeld und den Button entfernt. Nur inputbox und button habe ich vorsichtshalber mal beibehalten, da diese evtl. zum Foren-Style geh�ren.

Im Anhang packe ich auch gleich eine Testseite rein. Ganz oben kannst du die CSS-Selektoren sehen mit jeweils einem Kommentar, �ber welche CSS-Klasse die Elemente vor meinen �nderungen angesprochen wurden. Da auf der Testseite nat�rlich keine Template-Variablen zur Verf�gung stehen, habe ich dort die Variablen mit Beispiel-Werten gef�llt. Bei der Eingabe einer korrekten Seitenzahl wird man dann auf die entsprechende Seite in einem Thread im Support-Forum weitergeleitet.

Aktuell ist die h�chste Seite mit 11 angegeben, au�erdem verh�lt sich das Skript so, als bef�nde man sich gerade auf Seite 3. Bei Null, negativen Zahlen oder Zahlen gr��er 11 wird eine entsprechende Meldung ausgegeben. Nat�rlich ebenso, falls die Eingabe gar keine Zahl war. Falls die aktuell aufgerufene Seite als Zahl eingegeben wurde, passiert einfach nichts. In einem entsprechend neu angelegten ElseIf kannst du da ggf. eine weitere Meldung ausgeben oder andere Aktion durchf�hren lassen. Entferne den entsprechenden ElseIf-Block, damit der Seitenwechsel dennoch vollzogen wird, allerdings erschein mir ein Seitenwechsel auf die gleiche Seite nicht allzu sinnvoll.

Da viele Browser inzwischen auch HTML5-Standards unterst�tzen, habe ich die Eingabe der Seitenzahl nicht als richtiges Textfeld, sondern als Zahlenfeld deklariert. Praktischerweise werden dann z.B. nur Zahlen zwischen 1 und 11 zugelassen, �ber Pfeile am Rand kann die eingestellte Zahl mit der Maus um jeweils eins erh�ht oder vermindert werden.

Vorbelegt wird das Feld mit dem Wert der letzten Seitenzahl. Beachte, dass dies auf der Testseite nicht zu sehen ist und ebenso der Maximal-Wert nicht beschr�nkt wird, da die Foren-Variablen hier nicht durch g�ltige Zahlen ersetzt werden. Im Forum w�rden hingegen bei diesem Beispiel keine Zahlen gr��er 11 zugelassen und standardm��ig w�re 11 auch als letzte Seitenzahl eingestellt.

Idee hinter dem voreingestellten Wert ist folgende, wenn man einen Thread aufruft, gelangt man zuerst einmal auf Seite 1. Oft m�chte man aber schnell an das Ende springen, dann kann man ohne gro�e �nderungen einfach das Formular absenden, um dort hinzugelangen.

Um die HTML5-Funktionen gut testen zu k�nnen, solltest du sie dir nach Einbau in das Forum mit mehreren aktuellen Browsern wie Firefox, Chrome und Opera anschauen. Ihre Darstellungen und funktionsweisen bei HTML5-Elementen sind meist �nhnlich, jedoch oft nie genau gleich. Der Internet-Explorer h�ngt bei HTML5 (und vielem anderen) meistens sehr weit hinterher. Aber selbst wenn der Browser noch keine reine Eingabe f�r Zahlen kennt, pr�ft ja immer noch das Skript, ob korrekte Werte eingegeben wurden.

Hoffentlich funktioniert nun alles wie geplant und ich habe die meisten "Eventualit�ten" beachtet.

In diesem Sinne w�nsche ich dir noch viel Spa� mit dem Skript!

florian-zier hat folgende Dateien an diesen Beitrag angeh�ngt

pageJump.zip

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#6 | RE: Seitenzahl eingeben datum

19.02.2014 12:15

Super Sache Florian! Du bist ech Spitze
Kannst es noch ins richtige Bereich verschieben, habs falsch gepostet

Antworten

#7 | RE: Seitenzahl eingeben datum

14.09.2014 12:23

Hallo Florian,
Wie geht es dir?
Das Script funktioniert in Beiträgen super, hast wieder Meisterarbeit geleistet und hast auch meine ganzen Fehlermeldungen mitberücksichtig, das finde ich super!
Jetzt wollte ich überall wo es Seitenzahlen gibt das mit einsetzten, und gleich bei der Themen Ansicht ist mir aufgefallen das da ein anderer URl-String vorliegt, ebenfalls wieder anderst auf der Seite "Beiträge der letzten Tage", und da ich mich bisher mit Strings ändern wenig befasst hatte muss ich wieder auf dich zurückkommen. Was ich gerne mache wenn es dir auch eine Freude bereitet

Antworten

#8 | RE: Seitenzahl eingeben datum

17.09.2014 17:32

Hallo Damian,
aktuell bin ich etwas aktiver im Foxum unterwegs und dort haben wir mehrere Plugins f�r die Foren in der Mache.

Vielleicht kannst du dir in der Zwischenzeit selbst schon etwas zusammenbauen. Kopiere die Codes aus Beitrag #5 in die von dir gew�nschten Templates (egal ob direkt ins Template oder als Plugin). Im Formular und Skript findest du die Klasse pageJumper, evtl. musst du diese nach dem Kopieren noch umbenennen.
Jedenfalls sollte es mit �nderungen an Z. 21-21 bereits klappen. Dort werden Teile der URL �ber eine Regular Expression ausgewertet, mit runden Klammern lassen sich Gr�ppchen bilden, deren Inhalte danach �ber RegExp.$1 bis RegExp.$9 abgerufen werden k�nnen. Wenn du also wie im bisherigen Skript Teile der URL neben der Zahl gruppiert bekommst und sie danach mit deiner Wunsch-Seitenzahl wieder zusammensetzt, dann klappt hoffentlich der Wechsel auch auf anderen Seiten.

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

Colorpicker � � Anonymität für Mitglieder

�hnliche Themen

Antworten

Letzter Beitrag

"Für Beitrag bedanken"-Button (next Generation)
Erstellt im Forum Funktionen & Template von florian-zier 41 26.07.2015 17:39
DJ-Frechdax • Zugriffe: 3720
Shoutbox ohne externen Anbieter
Erstellt im Forum Homepage & Anderes von florian-zier 26 18.08.2015 23:10
florian-zier • Zugriffe: 3612
Usernamen blocken - Spam weitesgehend verhindern
Erstellt im Forum Funktionen & Template von florian-zier 2 24.09.2009 23:08
florian-zier • Zugriffe: 753

Bitte geben Sie einen Grund f�r die Verwarnung an