vor ZurÜck Pfeiltasten
    


WWW.WEB-TOOLBOX.NET

BEISPIEL  DOWNLOAD ZURÜCK SITEMAP  

  Pfeiltasten zur Seitennavigation

Einige Browser bieten über Tastenkombinationen die Option mit Pfeiltasten in der History der bereits besuchten Seiten zu blättern.

Browser die Funktionen zur Tastaturüberwachung richtig interpretieren können, lassen uns eine weitere Option. Dazu müssen Tastatur-Events überwacht werden und die niedergedrückten Tasten eindeutig erkannt werden. Dazu wird der dabei erzeugte Code interpretiert.

Zum Überprüfen der Funktion können sie die Tasten auf ihrem Keybord einmal probeweise drücken. Wenns klappt, erscheint eine Alert-Meldung. Für die Pfeiltasten 'links' und 'rechts' sollte der Code '37' und '39' übermittelt werden. Wenn das in ihrem Browser nicht so ist, kann die hier verwendete Funktion nicht verwendet werden.


Hier wird gerade gearbeitet! Ich möchte dieses Beispiel schon bald so erweitern, dass es in allen Bowsern funktioniert. Eine Idee habe ich bereits: Eine browseranhängige Kombination von 'window.event' und 'event.keyCode' . Schauen sie doch demnächst noch einmal vorbei.



   Sprung in der History-Liste

Der Sprung zur nächsten Seite funtioniert natürlich nur, wenn sie sich bereits auf einer 'älteren' Seite der History befinden. Analog der Sprung zur vorherigen Seite, wenn sie zuvor bereits eine Seite aufgerufen hatten.


Das Beispiel funktioniert im IE6 und soweit ich feststellen konnte auch in FF


   Aufwand:

1. Code in das Body-Tag kopieren
2. Script in den Body-Bereich kopieren


Code im Body-Tag

<body onLoad="top.window.focus()" onkeydown="navigieren()" ...



Script im Body

<script type="text/javascript" language="JavaScript">
<!-- Begin

function navigieren()
{
var gehe=event.keyCode
switch(gehe){
  case 39:
  history.go(+1);
  break
  case 37:
  history.go(-1);
  break

  default:
  break
  }
}
//  End -->
</script>




siehe auch Blättern Text- / Imagelinks




NACH OBEN