Schneller zum Seitenende oder Seitenanfang gelangen

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten � Schneller zum Seitenende oder Seitenanfang gelangen

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 11, 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Schneller zum Seitenende oder Seitenanfang gelangen datum

27.02.2010 18:48 (zuletzt bearbeitet: 27.02.2010 19:41)

Hallo,

ich möchte in einem Thread mit mehreren Anworten mit einem Klick zum Seitenanfang bzw. Seitenende gelangen.

Wie und was muss ich mir dafür einbauen ?

Gruß
Hans

Antworten

#2 | RE: Schneller zum Seitenende oder Seitenanfang gelangen datum

01.03.2010 22:39 (zuletzt bearbeitet: 25.12.2019 17:13)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3392
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1278

Verweise und Ziel-Anker setzen mit HTML
Aktualisiert 25.12.19

Hallo Hans58,
eine einfache und schnelle Möglichkeit bietet die folgende HTML-Lösung mit Ziel-Ankern.
Für die Auslösung (Verweise) können sowohl Grafiken als auch Links verwendet werden.

  • Wichtig! Bei dieser Lösung wird das Template verändert!
  • Die Einträge werden im Template-Element "" durchgeführt.
  • Die Positionen der Navigationspfeile sind frei wählbar.
  • Hier im Forum finden die Auslöse-Grafiken oben und unten im Beitrag ihren Platz.
  • Die Ziel-Anker müssen an das Forum angepasst werden.
  • In der folgenden Lösung wird die Seite bis ganz nach unten gescrollt oder bis zum ersten Beitrag, einschließlich Titelzeile.

1. Eintragung der Ziel-Anker:

• Die Ziel-Anker können ganz oben und ganz unten im Template-Element "" eingetragen!
• Andere Positionen sind auch möglich, um z.B.: nicht ganz nach oben oder unten zu scrollen!

1
2
3
4
5
 
Ganz oben:   
<a name="marke_oben"></a>
 
Ganz unten: 
<a name="marke_unten"></a>
 

Schlie�en

2. Platzierung der Navigationspfeile:

• Die Verweise werden unter {{tick(thread_before_message)}} eingetragen!

1
2
3
4
5
6
 
{{message.startlist}}
{{tick(thread_before_message)}}
 
<a href="#marke_oben"><img title="Nach oben springen" src="https://files.homepagemodules.de/b104774/f46t1197p2704n27_BGgtKIhF.png" style="width:15px;height:15px; border:0;"></a>
<br>
<a href="#marke_unten"><img title="Nach unten springen" src="https://files.homepagemodules.de/b104774/f46t1197p2704n29_lpKkRXDf.png" style="width:15px;height:15px; border:0; margin-top:5px;margin-bottom:7px;"></a>
 

Schlie�en

Hierzu weitere Infos im Forum:

• Verweise und Ziel-Anker setzen mit HTML
• Navigation im Thread: Ohne Veränderung des Templates!

Bis dann
Wolfgang

Antworten

#3 | RE: Schneller zum Seitenende oder Seitenanfang gelangen datum

02.03.2010 08:04

Vielen, vielen Dank,

du bist Spitze

Gruß
Hans

Antworten

#4 | Navigation im Thread: Ohne Veränderung des Templates! datum

23.06.2019 09:36 (zuletzt bearbeitet: 25.12.2019 17:43)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3392
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1278

Navigation im Thread: Ohne Veränderung des Templates!
Aktualisiert 25.12.19

Mittlerweile gibt es viele Scripte und Idee mit Navigationspfeilen!
Ein sehr schönes Plugin gibt es im "Plugin-Store" mit dem Namen "Pfeile Up Down"!
Hier werden die Navigationspfeile links und rechts auf der Webseite platziert!

In dem folgenden Beitrag gleicht die Navigation der aus Beitrag #2, nur ist ein Eingriff ins Template nicht mehr nötig!
Der Weg zu den Navigationspfeilen ist kürzer und wird unter jedem Beitrag platziert!

  • Wichtig! Das Template wird nicht verändert, funktioniert gut in aktuellen Browsern!
  • Folgendes Skript in die "" oder besser als Plugin in den "" kopieren!
  • In Zeile 3+4 kann die Pfeil-Grafik für "Nach oben- und unten springen" ausgetauscht werden!
  • Soll die Seite nach oben nur bis zum 1. Beitrag scrollen, kann der Wert von "scrolltop" in Zeile 6 angepasst werden!
  • Die Pfeil-Grafiken sind mit Tooltipps ausgestattet!
  • Die Größe der Pfeile kann über "width" in Zeile 3+4 eingestellt werden!
  • Die Scroll-Funktion ist sogar animiert und wird in Zeile 6+7 bestimmt (1000 = 1Sekunde)!

1
2
3
4
5
6
7
8
 
<script>
$('.messageswrap .box').after('\
<img src="https://files.homepagemodules.de/b104774/f46t1197p2704n27_BGgtKIhF.png" style="width:15px;cursor:pointer;" class="scrolltop" title="Nach oben springen" ><br>\
<img src="https://files.homepagemodules.de/b104774/f46t1197p2704n29_lpKkRXDf.png" style="width:15px; margin-top:5px;margin-bottom:7px;" class="scrolldown" title="Nach unten springen">');
 
$('.scrolltop').click(function(){$("html, body").animate({scrollTop:100},1000);});
$('.scrolldown').click(function(){$('html, body').animate({scrollTop:10000}, 1000);});
</script>
 

Schlie�en

Weitere Infos zur Navigation im Forum:

Scrollen in langen Texten, Beiträgen und im gesamten Forum!

Bis dann

Wolfgang

Antworten

Icon im Activity Feed wird nicht angezeigt � � Im Beitrag eine Datei anhängen

�hnliche Themen

Antworten

Letzter Beitrag

Eigene Rufnummern auf die Schnelle ausblenden!
Erstellt im Forum Tricks & Tipps f�r Smartphones und iPhones von Wolfgang 0 02.01.2021 16:38
Wolfgang • Zugriffe: 530
Links zu kostenlosem Service im Internet
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 3 27.03.2021 21:00
hexe • Zugriffe: 1283

Avatare und schnelle Seiten-Navigation in "Letzte Beiträge"
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Haviforumstreffpunkt

05.05.2024 20:21
von

Wolfgang • Zugriffe: 1248

FAQ verbessern und interessanter gestalten - (v4, v6 + Mobil)
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 5 09.07.2023 12:13
Daishi • Zugriffe: 3077

"Letzter Upload" auch in den Foto-Alben verfügbar!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

21.03.2017 10:50
von

bernd1402 • Zugriffe: 1693

Schnelles Scannen in Word, Exel, Powerpoint, Publisher und Outlook - Teil 1-4
Erstellt im Forum �rger mit dem PC - Vorbeugung und Hilfe von Wolfgang

27.08.2024 17:15
von

Wolfgang • Zugriffe: 29793

Auf die Schnelle - Grußkarten für fast jeden Anlass versenden!
Erstellt im Forum Alles, was noch so �brig bleibt von Wolfgang 1 07.06.2018 15:46
Wolfgang • Zugriffe: 1377

Bilder vorladen - Schnelles Anzeigen von Webseiten
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

12.05.2018 20:33
von

Wolfgang • Zugriffe: 1544

Auf die Schnelle - Weihnachtskarten online versenden
Erstellt im Forum Ank�ndigungen & Termine, wichtige News! von Wolfgang 0 23.12.2008 18:30
Wolfgang • Zugriffe: 1694

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €