'arrow key'

[Silvano]

Guten "Abend"

Bin gerade für einen Kunden dran eine Website fertig zu stellen.
Dieser hat eine "Galerie" - oder anders gesagt, einige Seiten bei welchen jeweils ein Bild der Galerie in voller Grösse angezeigt wird. Diese Seiten sind mit der Buchnavigation verbunden. Gibt zwei Pfeile - einer vor und einer zurück. Alles gut und funktioniert auch.

Nun bin ich dran mit JavaScript dran, die Navigation auch über die Pfeiltasten (ala Facebook Galerie) zu ermöglichen. Also nach vorne mit "Pfeil rechts" und zurück mit "Pfeil links".

Folgendes habe ich im Moment (die Einbindung von jQuery ist jetzt nicht dabei)

<script> 
    $(document).keydown(function (e) {
      var keyCode = e.keyCode || e.which,
          arrow = {left: 37, up: 38, right: 39, down: 40 };
 
      switch (keyCode) {
        case arrow.right:
          window.location.href = "xxxxxxxxx";	
        break;
        case arrow.left:
          window.location.href = "javascript:history.go(-1)";
        break;
      }
    });
</script>

Das mit "case arrow.left:" ist nur ein Test und mit "history.go(-1)" nicht schön gelöst. Würde natürlich gerne die Funktion der Buchnavigation übernehmen. Jedoch kann ich schlecht den "a href" Teil der Buchnavigation der betreffenden Teile (prev und next) übernehmen da dort der JS ja auch wissen müsste wo er im Moment steht.

Jemand von Euch kann mir bestimmt einen Input geben wie ich dem Code das ganze beibringen kann damit er sich genau gleich verhaltet mit "vor" und "zurück" wie die Buchnavigation.

Danke und gute Nacht!

[Silvano]

Konnte es Dank Andreas am #cutch lösen ;-) (Danke!).

In meinem 'mod_booknav.tpl' steht nun folgendes, zusätzlich, drin (ist nun auf mootools basierend).

<script type="text/javascript">
document.addEvent('keydown', function(e) {
        // left = prev
	if (e.code == '37') location.href = '<?php echo $this->prevHref; ?>';

	// right = next
	if (e.code == '39') location.href = '<?php echo $this->nextHref; ?>';
});
</script>

Gruss Silvano