Automatischer scroll/jump/sprung bei laden einer Seite

DDogg · 10.02.2006, 11:02

Es gibt doch die HTML Funktion mit der man wenn man auf einen Link klickt, innerhalb einer Seite auf eine bestimmte Stelle springen lassen kann.
Also

Code:

<a name="Sprungziel">Text oder Bild etc..</a>


...
Sprungauslöserlink

Kann man das auch automatisieren??
Also kann man wenn man eine neue Seite öffent, diese Seite direkt an eine direkte Stelle springen lassen? Ohne das ein Klick nötig ist

Zergling-new · 10.02.2006, 11:07

Ja, aber überlass doch die Entscheidung dem User!

http://de.selfhtml.org/javascript/ob....htm#scroll_by

http://de.selfhtml.org/javascript/ob....htm#scroll_to

DDogg · 10.02.2006, 11:13

Vielen Dank!

Wenn ich dem User die Entscheidung überlasse könnte es wohl zu leichter verwirrung führen. Die Seite ist vom Design her predistiniert für eine autoscroll. Und man sieht auch das man automatisch zum relevanten Inhalt hingescrollt wird.

Einfacher gesagt: Ohne den AutoScroll würde der unerfahrene Internetzer verwirrt, der erfahrene würde Zurechtkommen.
Mit Autoscroll wird der unerfahrene Internetzer zu der von ihm gewünschten Info hingetragen, der erfahrene erkennt die klasse programmeirung :wink:

DDogg · 10.02.2006, 11:19

Urgh ... zu früh gefreut.

Beim Javascript bei selfhtml ist immer noch ein click erforderlich.
Es soll aber automatisch beim laden der Seite passiern.

Dann müsste das so funktionieren oder?

Code:

<script type="text/javascript">
for (var i = 1; i <= 100; i++)
function NachOben () {
  var y = 0;
  if (window.pageYOffset) {
    y = window.pageYOffset;
  } else if (document.body && document.body.scrollTop) {
    y = document.body.scrollTop;
  }
  if (y > 0) {
    window.scrollBy(0, -10);
    setTimeout("NachOben()", 10);
  }
}
</script>

<body onload="NachOben()">

Geht aber nich ... liegt ein meinen unzureichenden Javascript Kenntnissen

Zergling-new · 10.02.2006, 11:33

Code:

for (var i = 1; i <= 100; i++)
function NachOben () {

Was hast du vor?
Vielleicht dann doch besser manuell statt normalen Links eben noch den Anker #content dranhängen?

DDogg · 10.02.2006, 11:37

Wenn man auf die Seite kommt, soll Sie automatisch auf Zeile 200 springen. Das selbe Prinzip was ich mit dem javascript erreiche, nur eben onload nich per click.

Und eigentlich soll die Seite auch direkt hinspringen, nicht scrollen

.

Also praktisch onload"springe in Zeile 200"

Zergling-new · 10.02.2006, 11:48

Das löst du besser mit dem Anker. Denn mit scrollTo springst du pixelweise rum, soweit ich weiß.
Du könntest im onLoad und location.hash prüfen, ob der Anker #content verwendet wurde, wenn nicht, dorthinspringen:

PHP-Code:

  <html>

<body onLoad="if (location.hash != '#content') location.hash = '#content';">

..

<a name="content">Zeile 200</a>

...

</body>

</html>

DDogg · 10.02.2006, 11:54

Perfekt. Das is genau das was ich wollte

.

Vielen Dank!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bei richtiger Eingabe Daten an nächste Seite versenden	xx_heidi_xx	PHP Tipps 2008	49	27.05.2008 14:56
3 Listen Werte ausgeb ohne Automatischer scroll/jump/sprung bei laden einer Seite	Apfelsine	PHP Tipps 2008	4	03.05.2008 14:47
laden einer PHP Seite dauert viel zu lange	seven-12	PHP Tipps 2006	2	03.05.2006 15:23
Automatischer scroll/jump/sprung bei laden einer Seite	phpbeginner	HTML, Usability und Barrierefreiheit	6	18.08.2005 16:03
Seite nicht mit F5 oder über den Browser neu laden lassen?		PHP Tipps 2005-2	4	09.08.2005 00:58
Header Location aus Frame für die ganze Seite laden	Plague	PHP Tipps 2005	3	22.05.2005 16:06
[Erledigt] Beim Laden einer Seite in zwischenablage kopieren		HTML, Usability und Barrierefreiheit	8	21.04.2005 23:33
frage bezüglich seite neu laden...	Sclot	HTML, Usability und Barrierefreiheit	4	08.03.2005 23:26
seite einmalig neu laden		HTML, Usability und Barrierefreiheit	6	08.03.2005 22:16
Automatischer scroll/jump/sprung bei laden einer Seite beim einloggen?!?!		PHP Tipps 2004-2	1	25.11.2004 10:31
per link ganze seite in tabelle laden ?		PHP Tipps 2004-2	3	18.11.2004 22:33
php+Seite kann nicht angeziegt werden, Seite existiert aber		Server, Hosting und Workstations	2	09.09.2004 08:21
[Erledigt] Seite nicht cachen... bzw immer aktuell laden..		HTML, Usability und Barrierefreiheit	10	20.08.2004 14:37
Bei Anklicken einer Checkbox Automatischer scroll/jump/sprung bei laden einer Seite		PHP Tipps 2004	3	02.08.2004 23:45
wie kann sich eine seite selbst neu laden?		PHP Tipps 2004	0	25.07.2004 13:27

10.02.2006, 11:02
DDogg Erfahrener Benutzer Registriert seit: 16.08.2004 Beiträge: 145	Automatischer scroll/jump/sprung bei laden einer Seite Es gibt doch die HTML Funktion mit der man wenn man auf einen Link klickt, innerhalb einer Seite auf eine bestimmte Stelle springen lassen kann. Also Code: <a name="Sprungziel">Text oder Bild etc..</a> ... Sprungauslöserlink Kann man das auch automatisieren?? Also kann man wenn man eine neue Seite öffent, diese Seite direkt an eine direkte Stelle springen lassen? Ohne das ein Klick nötig ist


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.02.2006, 11:07
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Ja, aber überlass doch die Entscheidung dem User! http://de.selfhtml.org/javascript/ob....htm#scroll_by http://de.selfhtml.org/javascript/ob....htm#scroll_to

10.02.2006, 11:13
DDogg Erfahrener Benutzer Registriert seit: 16.08.2004 Beiträge: 145	Vielen Dank! Wenn ich dem User die Entscheidung überlasse könnte es wohl zu leichter verwirrung führen. Die Seite ist vom Design her predistiniert für eine autoscroll. Und man sieht auch das man automatisch zum relevanten Inhalt hingescrollt wird. Einfacher gesagt: Ohne den AutoScroll würde der unerfahrene Internetzer verwirrt, der erfahrene würde Zurechtkommen. Mit Autoscroll wird der unerfahrene Internetzer zu der von ihm gewünschten Info hingetragen, der erfahrene erkennt die klasse programmeirung :wink:

10.02.2006, 11:19
DDogg Erfahrener Benutzer Registriert seit: 16.08.2004 Beiträge: 145	Urgh ... zu früh gefreut. Beim Javascript bei selfhtml ist immer noch ein click erforderlich. Es soll aber automatisch beim laden der Seite passiern. Dann müsste das so funktionieren oder? Code: <script type="text/javascript"> for (var i = 1; i <= 100; i++) function NachOben () { var y = 0; if (window.pageYOffset) { y = window.pageYOffset; } else if (document.body && document.body.scrollTop) { y = document.body.scrollTop; } if (y > 0) { window.scrollBy(0, -10); setTimeout("NachOben()", 10); } } </script> <body onload="NachOben()"> Geht aber nich ... liegt ein meinen unzureichenden Javascript Kenntnissen

10.02.2006, 11:33
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Code: for (var i = 1; i <= 100; i++) function NachOben () { Was hast du vor? Vielleicht dann doch besser manuell statt normalen Links eben noch den Anker #content dranhängen?

10.02.2006, 11:37
DDogg Erfahrener Benutzer Registriert seit: 16.08.2004 Beiträge: 145	Wenn man auf die Seite kommt, soll Sie automatisch auf Zeile 200 springen. Das selbe Prinzip was ich mit dem javascript erreiche, nur eben onload nich per click. Und eigentlich soll die Seite auch direkt hinspringen, nicht scrollen . Also praktisch onload"springe in Zeile 200"

10.02.2006, 11:48
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Das löst du besser mit dem Anker. Denn mit scrollTo springst du pixelweise rum, soweit ich weiß. Du könntest im onLoad und location.hash prüfen, ob der Anker #content verwendet wurde, wenn nicht, dorthinspringen: PHP-Code: `<html> <body onLoad="if (location.hash != '#content') location.hash = '#content';"> .. <a name="content">Zeile 200</a> ... </body> </html>`

10.02.2006, 11:54
DDogg Erfahrener Benutzer Registriert seit: 16.08.2004 Beiträge: 145	Perfekt. Das is genau das was ich wollte . Vielen Dank!