Anker Link soll Ansicht im Browser nicht verändern

[mote]

Hallo,

habe mir folgendes Tab Menü angesehen. http://css-tricks.com/examples/CSSTabs/#box-fourteen

Jetzt hätte ich eine Frage auf die ich im Web leider nichts gefunden habe.

Gibt es eine Möglichkeit die Funktionalität des Anker Links zu verändern / zu unterbinden?
Und zwar das Springen an einen bestimmten Punkt. Denn wenn ich einen Link des Tab Menüs anklicke, springt der Autofokus des Browsers (oder was auch immer) direkt auf diesen Link. Ist natürlich genau dafür da, jedoch stört es bei dieser Verwendung eher.

Hat davon schonmal wer gehört? Gibt es dafür eventuell ein JavaScript?

LG

 

[djheke]

würde mit css3 gehen, aber jquery ist die bessere wahl. einfach mal googeln.

 

[Tronjer]

Wozu die Verrenkungen? Für die tabbed Nav gibt es ein fertiges Modul von Bootstrap. Das ist ganz einfach zu implementieren.
http://getbootstrap.com/javascript/#tabs

 

[mote]

würde mit css3 gehen, aber jquery ist die bessere wahl. einfach mal googeln.

Hättest du einen Link zu der css3 Variante? Habe leider auch nichts für jquery gefunden :(

Hmm aber dann muss man doch das ganze bootsramp importieren oder?

 

[Alex55]

Du kannst auch einzelne Module laden! Siehe http://getbootstrap.com/customize/

 

[Tronjer]

Ja, du musst dazu Bootstrap einbinden. Und?

Ansonsten musst du selber etwas mit jQuery bauen. Beim Klick auf einen Tab wird der dazugehörige Container ein- und die anderen ausgeblendet.

 

[mote]

Ah das werde ich mir gleich ansehen! Vielen Dank.

Derweil habe ich folgende js Lösung gefunden.

<scriptlanguage="JavaScript"type="text/javascript"><!--function keepLocation(oldOffset){if(window.pageYOffset!=null){
st=oldOffset;}if(document.body.scrollWidth!=null){
st=oldOffset;}
setTimeout('window.scrollTo(0,st)',1);}//--></script>




<a href="#tab1"onclick="keepLocation(window.pageYOffset);">Item</a>

 

[Tronjer]

Das ist ganz was anderes.

Willst du nun bei Klick zu einem Anker scrollen oder Content innerhalb eines Containers laden?

 

[mote]

Content Laden. Der oben verlinkte Blogeintrag erklärt das Ganze rund um das Tab Menü genauer ;)