htmls mit tastatur steuern
kunert0345
- javascript
Hallo Ich habe da mahl eine Frage bezüglich der Tastatur Einbindung mit
JavaScript.
Und zwar will ich meine komplette Seite im Stiel eines Bios gestalten d.h. die Seite soll nur mit Tastatur bedient werden und das ist auch schon mein Problehm.
Ich habe daführ alle Menü Tietel die per Tastatur angewehlt werden sollen in html Rahmen angelegt.
Nun Weiss ich aber nicht wie ich diese html Rahmen durch drücken einer Pfeiltaste in ihrer Farbe ändern kann und gleichzeitig ind das mittlere html fenster eine neue Seite laden kann.
Ich weis das meine Formulierung etwas holprich ist, hoffe aber dennoch das mier Jemand einen tip geben kann.
Zur Veranschaulichung das ist mein Jeziger Quelcode:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<htm>
<head>
<title>lol.a.geek/HOME</title>
<!-- EVERY THING FOR NERDS -->
<!-- AND FOR OTHER ONE -->
<meta name="rights" content="ALL RIGHTS BY MW-PRUDUCTION © AND Zef>
<meta name="author" content="Zef AND CO">
<meta name="description" content="THIS HTML IS PROGRAMMED FOR USER THEY HAVE A SLOW INTERNET CONNECTION :O)">
<meta name="robots" content="noindex">
<meta name="robots" content="nofollow">
<meta http-equiv="expires" content="0">
<meta name="DC.creator" contend="Zef">
<meta name="DC.publisher" contend="MW-PRODUCTION ©">
<meta name="DC.language" contend="de">
<meta name="DC.rights" contend="ALL RIGHTS BY MW-PRUDUCTION ©">
<!-- MW-ICON -->
<link rel="shortcut icon" href="DATA/MW.ICO">
</head>
<!-- GILT FÜR DIE GESAMTE HTML -->
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" bgcolor="#ACAAAC">
<!-- MW-PRODUCTION -->
<table width="100%" height="4%" border="0" cellspacing="0" cellpadding="0">
<tr align="center" bgcolor="#008080" style="color:#000000; font-family:Arial; font-weight:bold;">
<td nowrap>MW-PRODUCTION</td>
</tr>
</table>
<!-- ORDNERKOPF -->
<table width="100%" height="4%" border="0" cellspacing="0" cellpadding="0">
<tr align="center" bgcolor="#0000A0" style="color:#ACAAAC; font-family:Arial; font-weight:bold;">
<td width="2%">
</td>
<td nowrap>
HOME
</td>
<td width="2%">
</td>
<td nowrap>
AUDIO
</td>
<td width="2%">
</td>
<td nowrap>
VIDEO
</td>
<td width="2%">
</td>
<td nowrap>
DOWNLOAD
</td>
<td width="2%">
</td>
<td nowrap>
NEWS
</td>
<td width="2%">
</td>
<td nowrap>
FORUM
</td>
<td width="2%">
</td>
<td nowrap>
CHAT
</td>
<td width="2%">
</td>
<td nowrap>
GUEST BOOK
</td>
<td width="2%">
</td>
<td nowrap>
LINK
</td>
<td width="2%">
</td>
</tr>
</tabele>
<!-- HAUPTFENSTER -->
<table width="100%" height="84%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td nowrap align="left" bgcolor="#ACAAAC" style="color:#000000; font-family:Arial; font-weight:bold;">öpöppööp</td>
</tr>
</tabele>
<!-- BEFEHLZLISTE -->
<table width="100%" height="8%" border="0" cellspacing="0" cellpadding="0">
<tr align="left" bgcolor="#008080" style="font-family:Arial; font-weight:bold;">
<td width="4%">
</td>
<td nowrap style="color:#FFFFFF;">
F1<br>
ESC
</td>
<td width="2%">
</td>
<td nowrap style="color:#000000;">
HELP<br>
EXIT
</td>
<td width="2%">
</td>
<td nowrap style="color:#FFFFFF;">
▲▼<br>
◄►
</td>
<td width="2%">
</td>
<td nowrap style="color:#000000;">
SELECT ITEM<br>
SELECT MENU
</td>
<td width="2%">
</td>
<td nowrap style="color:#FFFFFF;">
F6<br>
ENTER
</td>
<td width="2%">
</td>
<td nowrap style="color:#000000;">
ACTIVATE MOUSE<br>
SELECT SUB-MENU
</td>
<td width="2%">
</td>
<td nowrap style="color:#FFFFFF;">
F9<br>
F10
</td>
<td width="2%">
</td>
<td nowrap style="color:#00000;">
LOG ON<br>
LOG OFF
</td>
<td width="2%">
</td>
</tr>
</table>
</body>
<htm>
Zum Ansteuern von Links gibt es Tastaturkürzel für Verweise, Rahmen um aktivierte/deaktivierte Links änderst du mit Pseudoklassen.
Wenn du nun unbedingt innerhalb einer Seite einen Teilbereich mit einer anderen Seite füllen möchtest, so gibt es dafür IFrames
JavaScript wird dabei nicht benötigt.
Hi qwert,
Zum Ansteuern von Links gibt es Tastaturkürzel für Verweise,
Funktionieren diese beispiele bei dir?
Grüße,
Engin
GYRO
Funktionieren diese beispiele bei dir?
Ja!
Hi qwert,
Funktionieren diese beispiele bei dir?
Ja!
Bei mir nähmlich nicht, deshalb die zwischenfrage.
Weder im FF 2.0 noch im IE 6.
Grüße,
Engin
GYRO
Hallo Engin
Bei mir nähmlich nicht, deshalb die zwischenfrage.
Weder im FF 2.0 noch im IE 6.
Beim FF 2.0.0.7 unter Windows muss ich [Alt]+[Shift]+[Buchstabe] verwenden, dann folgt er sofort dem Link.
Beim IE 6.0.2800 wird mittels [Alt]+[Buchstabe] der betreffende Link markiert und kann mit [Enter] geöffnet werden.
Auf Wiederlesen
Detlef
Hi Detlef,
Beim FF 2.0.0.7 unter Windows muss ich [Alt]+[Shift]+[Buchstabe] verwenden, dann folgt er sofort dem Link.
Beim IE 6.0.2800 wird mittels [Alt]+[Buchstabe] der betreffende Link markiert und kann mit [Enter] geöffnet werden.
Danke für die Info, klappt auch bei mir.
Grüße,
Engin
GYRO
Ja eure Vorschläge waren gut!
Aber ich habe immernoch ein Problehm.
Und zwar will ich nicht das man "[alt] + [?]" drücken muss (also keine Tastenkombination).
Wenn jemanden dazu noch etwas einfält were das klasse und main Problehm gelöst.