mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 09:41 Benutzername: Passwort: Auto-Login

Thema: Per JS gedrückte Tasten auslesen vom 22.02.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Per JS gedrückte Tasten auslesen
Autor Nachricht
Need_you
Threadersteller

Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 22.02.2008 17:57
Titel

Per JS gedrückte Tasten auslesen

Antworten mit Zitat Zum Seitenanfang

So... habe eine bitte an euch Lächel

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 Lächel

Alex


Zuletzt bearbeitet von Need_you am Fr 22.02.2008 18:00, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
achwasweisich

Dabei seit: 27.09.2007
Ort: Stuttgarter Raum
Alter: -
Geschlecht: Männlich
Verfasst Fr 22.02.2008 18:46
Titel

Antworten mit Zitat Zum Seitenanfang

hilft das hier?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Need_you
Threadersteller

Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 22.02.2008 18:57
Titel

Antworten mit Zitat Zum Seitenanfang

jepp... schon sehr gut. Hab natürlich auch bei google vorher gesucht, aber nicht mit dem Begriff Navigation Ooops

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
  View user's profile Private Nachricht senden
Need_you
Threadersteller

Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 22.02.2008 19:11
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.