Text einblenden / ausblenden beim klick auf Link

White Window · 16 Mai 2008

Hallo liebe Leute,

ich brauche bitte dringend hilfe.
Ein einfaches Beispiel,
ich möchte, wenn ich auf einen Link klicke, dass die Überschrift entweder eingeblendet wird, oder ausgeblendet wird.

hier mal mein source, das mit dem einblenden funktioniert, aber das ausblenden nicht.:-(:sad:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
<head>
<title>visibility</title>

<script type="text/javascript">
function onoff () {
    
     if (document.getElementById("Ueberschrift").style.display = "none") 
     {
     document.getElementById("Ueberschrift").style.display = "inline"; 
     }

     elseif (document.getElementById("Ueberschrift").style.display = "inline")
     {
     document.getElementById("Ueberschrift").style.display = "none"; 
     }
}
</script>
</head>
<body>

<h1 id="Ueberschrift" style="display:none">Die Überschrift zum Text</h1>
<p>Hier der Text. Aber fehlt da nicht was?</p>

<table border="1">
  <tr>
    <td>A1</td>
    <td>A2</td>
    <td>A3</td>
  </tr>
  <tr>
    <td>B1</td>
    <td>B2</td>
    <td>B3</td>
  </tr>
  <tr>
    <td>C1</td>
    <td>C2</td>
    <td>C3</td>
  </tr>
</table>

<p><a href="javascript:onoff()">Überschrift anzeigen!</a></p>

</body>

</html>

Wie gesagt, er führt wahrscheinlich irgendwie den else Zweig nicht aus...

Ich habe das mal so gemacht, dass ich 2 Funktionen hatte (on und off)
und dann 2 Links.
Beim ersten Link wird on aufgerufen und die Überschrift erscheint
Beim 2ten Link wird off aufgerufen und die Überschrift verschwindet.

Das hat 1A funktioniert, aber warum geht der obige Code nicht???

Bitte helft mir weiter!

MfG
White Window

White Window · 17 Mai 2008

Hat sich erledigt. Habe ne Lösung gefunden. Für die, dies interessiert, hier mal ein Schema:

<html>
<head>
<script language="JavaScript" type="text/javascript">

</script>
</head>
<body>
<a href="#" onClick="einblenden('ebene1'); return false;"> Ein-/Ausblenden </a>
<div id="ebene1" style="display:none;"><br>
Bildtext Bildtext Bildtext Bildtext<br>
Bildtext Bildtext Bildtext Bildtext<br>
Bildtext Bildtext Bildtext Bildtext<br>
Bildtext Bildtext Bildtext Bildtext<br>
Bildtext Bildtext Bildtext Bildtext<br>
Bildtext Bildtext Bildtext Bildtext<br>
</div>
</body>
</html>

Text einblenden / ausblenden beim klick auf Link

White Window

Neues Mitglied

White Window

Neues Mitglied

Neueste Beiträge