Kein Sprung zum Seitenanfang bei leeren Links

[Squeendot]

Servus Leute,

bei uns im Betrieb sind im Online-Bereich drei neue Azubis dazu gekommen. Sie hatten die Aufgabe eine einfache jQuery-Toggle Funktion in eine Seite einzubinden.
Das hatten sie super geschafft, allerdings ist ihre Seite beim öffnen eines Buttons immer wieder an den Seitenanfang gesprungen.

Ein weit verbreitetes Phänomen in der Webentwicklung.

Ich würde meine Antwort gerne mit euch teilen würde, da es bestimmt noch weitere Leute gibt, die da nicht weiter wissen.

Vorher hat zum Beispiel ein Button so ausgesehen:

<a href="#">Button</a>

Die Raute lässt den leeren Link aber immer wieder zum Seitenanfang springen.
Hier nun also die verbesserte Version, wodurch die Bildschirmposition nicht verändert wird:

<a href="javascript:return false;">Button</a>

Ich hoffe, ich konnte doch einigen damit weiterhelfen.


Lieber Gruß,

Julian

 

[patrick_l]

Wenn man nirgendwo anlegen möchte, braucht man auch keinen Anker werfen. Anders ausgedrückt, wäre von der Semantik der Button-Tag sinniger. Bestes Beispiel wäre wohl das Bootstrap Framework.

Liebe Grüße, Patrick

 

[DerLordi]

Also ich sehe das als "unsaubere" Lösung, da Javascript (Und damit Logik) nicht wirklich was in einem HTML File zu suchen hat. Die saubere Lösung wäre folgende.

index.html

<a class="btn" href="#">mein Link</a>

main.js (vorzugsweise mit jQuery)

$('.btn').on('click', function(e) {
    // was auch immer der button machen soll

   e.preventDefault();
});

 

[Squeendot]

Okay, da hast du recht @DerLordi....

Aber das ist das gleiche Thema wie mit CSS. Manche schreiben es halt oben mit ins selbe Dokument (was man aber eirklich, WIRKLICH nicht machen sollte) und manche eben nicht.
Ich bin auch kein Fan von solchen Mischungen, aber bei so einer kleinen Zugehörigkeit mache ich doch gern mal eine Ausnahme

@patrick_l Stimmt, shame on me
Bei vielen Bootstrap-Vorlagen werden allerdings formatierte Anker verwendet, die dann nur wie Button ausschauen. So war es auch in diesem Fall... Also aufpassen

 

[patrick_l]

Ich bin auch kein Fan von solchen Mischungen, aber bei so einer kleinen Zugehörigkeit mache ich doch gern mal eine Ausnahme

Solltest du dir abgewöhnen. Ich trenne strickt Markup, CSS und JS voneinander. Zudem werden umfangreiche Stylesheets und Scripte mit ausreichenden Kommentaren versehen. So verliert man auch nach längerer Zeit nicht den Überblick.

Liebe Grüße, Patrick