Beispiele aus dem Buch (Abschnitt 2.6: Geräteunabhängigkeit und Dynamik)

Cover: 'Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen' von Jan Eric Hellbusch
"Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.de

Warning: Undefined variable $anmerkung in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 330

Dies ist ein Beispiel aus dem Buch [i;30-80-000-1], das Ende 2004 im dpunkt.Verlag erschienen ist.


Warning: Undefined variable $id_array_ in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341

Warning: Trying to access array offset on value of type null in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341

Logische Event-Handler

In JavaScript gibt es logische und geräteabhängige Event-Handler. Um bestimmte Mouseover-Effekte auch für die Tastaturbedienung verfügbar zu machen, z.B. für Links, ist es erforderlich die mausabhängigen Event-Handler onmouseover und onmouseout mit logischen Event-Handlern wie onfocus und onblur zu ergänzen.

HTML

<a href="http://www.bf-w.de/kontakt.php" onmouseover="bildWechseln(kontakt_focus);" onmouseout="bildWechseln(kontakt_n);" onfocus="bildWechseln(kontakt_focus);" onblur="bildWechseln(kontakt_n);"><img src="kontakt0.gif" width="170" height="36" alt="Kontakt" id="nav-kontakt" /><br></a>

JavaScript

kontakt_n = new Image();
kontakt_n.src = "kontakt0.gif";
kontakt_focus = new Image();
kontakt_focus.src = "kontakt1.gif";
function bildWechseln(bildname) {
  document.getElementById ('nav-kontakt').src = bildname.src;
     }

Browseransicht

Kontakt