#1 Schneller zum Seitenende oder Seitenanfang gelangen von Hans58 27.02.2010 18:48

avatar

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

#2 RE: Schneller zum Seitenende oder Seitenanfang gelangen von Wolfgang 01.03.2010 22:39

avatar

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 "Thread - Flat" 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 "Thread - Flat" 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>
 





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>
 








Hierzu weitere Infos im Forum:







Bis dann
Wolfgang

#3 RE: Schneller zum Seitenende oder Seitenanfang gelangen von Hans58 02.03.2010 08:04

avatar

Vielen, vielen Dank,

du bist Spitze

Gruß
Hans

#4 Navigation im Thread: Ohne Veränderung des Templates! von Wolfgang 23.06.2019 09:36

avatar

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 "Fußzeile" oder besser als Plugin in den "topic_footer" 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>
 





Weitere Infos zur Navigation im Forum:







Bis dann



Wolfgang

Xobor Forum Software von Xobor