Autor |
Nachricht |
Need_you
Threadersteller
Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 22.02.2008 17:57
Titel Per JS gedrückte Tasten auslesen |
|
|
So... habe eine bitte an euch
Und zwar komm ich hier mit JavaScript nicht weiter. Bzw. ich kann es leider noch gar nicht, und brauche eine Funktion, die Überprüft welche Taste auf der Tastatur gedrückt wird, und jenachdem dann eine Webseite aufruft.
(Ich möchte also bei meiner Webseite zwischen mehreren Seiten mittels Pfeiltasten durchblättern können... also vor und zurück = mit Linker und Rechter Pfeiltaste)
Im Internet habe ich schon das hier gefunden:
INDEX.HTML:
<html>
<body>
<- Linker Pfeil führt nach Ebay - Der rechte nach Google ->
<a href="http://www.ebay.de" accesskey="left"></a>
<a href="http://www.google.de" accesskey="right"></a>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="AccessKeyRedirection.js"></script>
</body>
</html>
In der AccessKeyRedirection.js steht das:
// Beim Drücken eines Access-Keys weiterleiten
document.addEvent('keypress', function(e)
{
var event = new Event(e);
var anchors = document.getElementsByTagName('a');
for (var i = 0; i < anchors.length; i++)
{
if (anchors[i].getAttribute('accesskey') == event.key)
{
document.location = anchors[i].href;
event.stop();
break;
}
}
});
Und in der mootools.js das: Quelltext war zu Lang, desshalb ein Link
Hat ja alles super funkioniert... Bis auf dem Internet Explorer... Der hat die Pfeiltasten nicht angenommen.
Ich hatte vermutet, das Microsoft das vieleicht aus Sicherheitsgründen unter anderem für diese Tasten geblockt hat.
Aber dann war ich hierauf gestoßen: (wenn ihr auf der Seite seit, müsst ihre eine beliebige Taste drücken) Testseite
Bei dieser Seite wird auch im Internet Explorer angezeigt, wenn eine der Pfeiltasten gedrückt wird. Sie gibt den Dezimalwert der Tasten aus. In diesem Fall für den Linken Pfeil die Zahl 37, und für den Rechten: 39.
Übrigens das ist der Quellcode:
<html><head>
<script type="text/javascript">
function TasteGedrueckt (Ereignis) {
if (!Ereignis)
Ereignis = window.event;
if (Ereignis.which) {
Tastencode = Ereignis.which;
} else if (Ereignis.keyCode) {
Tastencode = Ereignis.keyCode;
}
document.formular.ausgabe.value = "Taste mit Dezimalwert " + Tastencode + " gedrückt";
}
function TasteLosgelassen (Ereignis) {
if (!Ereignis)
Ereignis = window.event;
if (Ereignis.which) {
Tastencode = Ereignis.which;
} else if (Ereignis.keyCode) {
Tastencode = Ereignis.keyCode;
}
document.formular.ausgabe.value = "Taste mit Dezimalwert " + Tastencode + " losgelassen";
}
document.onkeydown = TasteGedrueckt;
document.onkeyup = TasteLosgelassen;
</script>
</head><body>
<form action="" name="formular">
<p><input type="text" name="ausgabe" readonly="readonly" size="50"></p>
</form>
</body>
</html>
Es müsste ja also möglich sein eine Funktion zu schreiben, die besagt: Das wenn bsp. der Dezimalwert 37 ausgegeben wird (also Linke Pfeiltaste) er eine bestimmte Funktion startet (also zu einer anderen Internetadresse geht). Und genauso mit der Rechten Pfeiltaste...?!
Hoffe ihr könnt mir behilflich sein
Alex
Zuletzt bearbeitet von Need_you am Fr 22.02.2008 18:00, insgesamt 1-mal bearbeitet
|
|
|
|
|
achwasweisich
Dabei seit: 27.09.2007
Ort: Stuttgarter Raum
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Need_you
Threadersteller
Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 22.02.2008 18:57
Titel
|
|
|
jepp... schon sehr gut. Hab natürlich auch bei google vorher gesucht, aber nicht mit dem Begriff Navigation
Jetzt müsste ich nur noch wissen wie ich in Javascript angebe, das er bei der Linken und Rechten Pfeiltaste anstatt eines History-Back, eine Internetadresse aufruft bsp. google.de oder so...
Aja... hier der Code den ich bis jetzt habe:
<html>
<head>
<script type="text/javascript">
<!--
function Cursortasten(event)
{
if(event.keyCode == 37)
{
history.go(-1);
}
if(event.keyCode == 39)
{
history.go(+1);
}
}
//-->
</script>
<title>Pfeiltasten als Navigation für den Verlauf verwenden</title>
</head>
<body onKeyDown="Cursortasten(event);">
</body>
</html>
Zuletzt bearbeitet von Need_you am Fr 22.02.2008 18:58, insgesamt 1-mal bearbeitet
|
|
|
|
|
Need_you
Threadersteller
Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 22.02.2008 19:11
Titel
|
|
|
Aja... habs grad rausbekommen:
<html>
<head>
<script type="text/javascript">
<!--
function Cursortasten(event)
{
if(event.keyCode == 37)
{
location="http://www.google.de";
}
if(event.keyCode == 39)
{
location="http://www.ebay.de";
}
}
//-->
</script>
<title>Pfeiltasten als Navigation für den Verlauf verwenden</title>
</head>
<body onKeyDown="Cursortasten(event);">
</body>
</html>
|
|
|
|
|
|
|
|
Ähnliche Themen |
Flash tasten programmierung
Powerpoint Spaß, wie definiere ich Tasten?
document.location funzt nicht nach tasten event
XML -> in PHP auslesen mit DOM
XML mit PHP auslesen
[PHP/SQL] ID Auslesen aus DB? Wie?
|
|