div sichtbarkeit

[Gunnar Bittersmann]

Hello out there!

so funzt es:

Nö von funzen kann keine Rede sein:

<a href="#" onclick="show_el('edit')">

Was soll der Sprung an den Seitenanfang? Wann immer im Quelltext 'href="#"'steht, liegt mit ziemlicher Sicherheit ein Fehler vor.

Wozu das 'a'-Element? Der 'onclick'-Event kann auf das 'img'-Elemet angewandt werden.

<img src=bild.jpg>

Wenn keine Bilder geladen werden, ist keine Funktionalität da; es gibt nichts, worauf man clicken könnte. Der Alternativtext fehlt.

So funzt es:

<img src="bild.jpg" alt="Anzeigen" onclick="show_el('edit')">

– jedanfalls für ein paar Nutzer, die JavaScript aktiviert haben. Die anderen bekommen nichts zu sehen.

Sollen die auch in den Genuss der Anzeige kommen, darf das 'div'-Element erst mit JavaScript unsichtbar gemacht werden ('onload' für 'body'/'window').

Mit Trennung von HTML und JavaScript sieht das dann so aus:

Script:

window.onload = function ()  
{  
  var edit = document.getElementById("edit");  
  edit.style.visibility = "hidden";  
  
  document.getElementById("showEdit").onclick = function ()  
  {  
    edit.style.visibility = "visible";  
  };  
};

HTML:

<img src="bild.jpg" alt="Anzeigen" id="showEdit">  
<div id="edit">EDIT</div>

See ya up the road,
Gunnar