Element ein-, ausblenden

[Detlef G.]

Hallo Insomnia

So war etwas fleißig, hab jedoch keine Ahnung ob das nicht vielleicht vollkommener Schwachsinn ist was ich da habe…

Gut, dass ich nicht eher geantwortet habe. So hast du SELF eine Lösung gefunden.

Der Link zum einblenden in meiner Seite wäre dann wie folgt:

<a href="#" onclick=" javascript:div_an ('info')">Tick Tack To</a>

Das „javascript:” ist nicht nötig, weil onclick bereits ein Javascripteventhandler ist.
Zusätzlich kann mittels return false verhindert werden, dass die Seite dabei immer auf den Anfang springt.

<a href="#" onclick="[code lang=javascript]div_an ('info');return false">Tick Tack To</a>[/code]

Das ausgelagerte JavaScript würde dann hoffentlich so aussehen müssen:

function div_an () {

document.getElementById ('info').style.display = 'block';
}

  
Fast richtig.  
Du übergibst beim Klick auf den Link die Id des Elements, das eingeblendet werden soll, die Funktion erwartet aber gar keinen Parameter.  
Besser so:  
  
~~~javascript
function div_an (myId) {  
  document.getElementById (myId).style.display = 'block';  
}  

Jetzt wird genau das Element eingeblendet, dessen Id du an die Funktion übergeben hast.

Noch besser wäre es zur Sicherheit zu prüfen, ob der Browser document.getElementById überhaupt kennt und ob es ein Element mit der übergebenen Id auch gibt. (Laut deinem CSS-Schnipsel gibt es nur „infos”, nicht „info”.)
Das könnte dann so aussehen:

function div_an (myId) {  
  if (document.getElementById) {              // kennt der Browser dies überhaupt  
    var el = document.getElementById (myId);  // eine Referenz auf das Objekt (dein Div) holen und in el speichern  
    if (el && el.style) {                     // hat das geklappt und kennt el style  
      el.style.display = 'block';             // dann display auf block setzen  
    }  
  }  
}  

Es ist etwas aufgeblähter geschrieben, als nötig, damit es übersichtlicher ist.

Zum ausblenden des Layers:

dann entsprechend.

Wenn du das kleine Script verstanden hast und es dich interessiert, dann könnten wir dies noch so erweitern, dass nur eine Funktion beides erledigt und du beim Aufruf der Funktion festlegen kannst, ob das Element aus- oder eingeblendet werden soll, oder ob ein Link bei jedem Klick abwechselnd ein- und ausblenden soll.

Auf Wiederlesen
Detlef