- Die schönsten Dinge im Leben sind pink

Geht es Euch auch immer so, dass Ihr Dinge immer und immer wieder macht und dabei jedesmal das Rad neu erfinden müsst? Ich werde diesen Blog ab jetzt auch dazu nutzen, einige HTML-, CSS- und JavaScript-Quellcodes zu speichern.

Dadurch muss ich mich nicht ständig neu durch das Netz wühlen und Ihr habt auch was davon. Ideal wäre natürlich, wenn ich noch Anregungen für Verbesserungen bekomme.

Der Start macht heute das Ein- und Ausblenden von HTML-Elemente. Gern genutzt, immer wieder vergessen.

Die JavaScript Funktion sh ermittelt dazu den aktuelle Status des Elements. Ist das Element grad sichtbar wird es ausgeblendet und umgekehrt.

<script language="JavaScript"  type="text/javascript">
  function sh(res) {
    var box = document.getElementById(res);
    if (box.style.display == "none") {
      box.style.display = "";
    } else {
      box.style.display = "none";
    }
  }
</script>

Eine Box mit einem entsprechenden Aufruf sieht so aus:

<a onclick="javascript:sh('scopes_1');">Show</a>

<div id="scopes_1" style="display: none;">
  Ich bin ausgeblendet.
</div>

Stay tuned for more html, css and javascript tips!