Hintergrundfarbe ändern 1
    


WWW.WEB-TOOLBOX.NET

BEISPIEL  ZURÜCK  SITEMAP  

  Hintergrundfarbe mit Mausklick ändern

Manchmal ganz angebracht, besonders im Hinblick auf Barriererfreit. Sehfehler beschränken sich nicht nur auf Rot- oder Blauschwächen. Ein weiterer Aspeckt ist die 'Blendfreiheit' von Bildschrimdarstellungen.


Der Wert für die Hintergrundfarbe kann auch nach dem Aufbau der HTML-Seite nachträglich geändert werden. Sie bieten ihren Seitenbesuchern im Kopf der Datei eine Farbauswahl an. Damit kann die Hintergrundfarbe per Mausklick gewählt werden. (öffnen Sie die Beispieldatei)

Sie können den Link zur Frabänderung mit einem entsprechenden farbigen Image, als Textlink oder sie verwenden eine Tabellenzelle mit festgelegtem farbigen Hintergrund und einem transparenten Imgage als Tabellenzelleninhalt als Verweisfläche.

Beispiel zur Gestaltung:   weiß

gelb

mint

grau
  (öffnen Sie die Beispieldatei )


  Script im Head

<script type="text/javascript" language="JavaScript">
<!-- Begin

function neueFarbe(wahlfarbe)
{
document.bgColor=wahlfarbe;
}

//  End -->
</script>


  Aufruf im Body

Der Farbwert wird als hexadezumaler Wert oder als Farbname übergeben

<a onclick="neueFarbe('#FF7F00');" href="javascript:void(0)">orange</a>
<a onclick="neueFarbe('#00AFFF');" href="javascript:void(0)">hellblau</a>
<a onclick="neueFarbe('#00FFAF');" href="javascript:void(0)">hellgrün</a>
<a onclick="neueFarbe('#FFFFFF');" href="javascript:void(0)">weiss</a>
<a onclick="neueFarbe('yellow');" href="javascript:void(0)">gelb</a>
<a onclick="neueFarbe('blue');" href="javascript:void(0)">blau</a> 










NACH OBEN