apsel: onmousedown div verstecken

Beitrag lesen

SELF-Forum

onmousedown div verstecken

apsel Homepage des Autors
– Informationen zu den Bewertungsregeln

Om nah hoo pez nyeetz, cr!

aus Gründen des Lesbarkeit in Screenreadern sollte man das Objekt nicht ausblenden, denn dann ist wirklich weg, sondern nur verschieben. Ich habs mal so gemacht.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="de">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>un-/sichtbar</title>
	<script type="text/javascript" language="JavaScript">
	   function zaubern()
	   {
	     Div = document.getElementById('foo')
	     if (Div.className == 'sichtbar') {Div.className = 'unsichtbar'} else {Div.className = 'sichtbar'}
	   }
	</script>
    <style type="text/css">
	   #foo {position: absolute; top: 100px; width: 100px; height:100px; border: 1px solid red;}
	   .sichtbar {left: 100px;}
	   .unsichtbar {left: -999px;}
     </style>
  </head>
  <body>
     <div class="sichtbar" id="foo">Test</div>
	 <button onclick="zaubern()">Klick mich</button>
</body>
</html>

Optimierungsmöglichkeiten gibt es zuhauf. Zuerst einmal eine externe js-Ressource, falls du die Funktion in mehreren Seiten brauchst.

Matthias

--
http://www.billiger-im-urlaub.de/kreis_sw.gif
Beitrag melden
–
Informationen zu den Bewertungsregeln