Interhorn: mousover Text ein- und ausblenden

Beitrag lesen

Nun, Du könntest einen Blick in den Quelltext meiner SiteMap werfen, aber ich fürchte, daß Du damit doch etwas überfordert sein wirst.

freundliche Grüße
Ingo

Vielen Dank! Ich habe mich durch Deinen Quelltext durchgewurstelt und was Brauchbares für mich daraus gemacht. Ich habe nur noch das Problem, dass mir zunächst der ganze Text angezeigt wird, erst beim ersten mouseover verschwinden die übrigen Unterpunkte. Wie kann ich das abändern.
Hier mein Quelltext:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
  var aktiv = true;
  function raus(aus)
  {
    if(document.getElementById(aus)) document.getElementById(aus).style.display="none";
  }

function rein(ein)
  {
    if(document.getElementById(ein)) document.getElementById(ein).style.display="block";
  }

function zeig(ein)
  {
    if (aktiv)
    {
      for (var i=1; i<=8; i++)
      {
        if (ein.indexOf("e"+i)) raus("e"+i);
      }
      if (ein) rein(ein); else rein("auf");
    }
  }

function aufklappen()
  {
    for (var i=1; i<=8; i++)
    {
      rein("e"+i);
    }
    aktiv = false; raus("auf");
  }
</script>
</head>

<body link="#003366" alink="#003366" vlink="#003366" onload=zeig('')">
<font face="arial" size="5"><b>
Titel<br><br></b>
<font face="arial" size="3">
Sie erhalten automatisch weitere Informationen angezeigt, wenn Sie mit dem Mauszeiger<br>
auf die einzelnen Überschriften gehen.&nbsp;&nbsp;&nbsp;
<id="auf"><a href="javascript:aufklappen()"><font face="times" size="3">Den ganzen Text st&auml;ndig anzeigen</a><br><br>

<li><a onmouseover="zeig('e1')"><font face="arial" size="3"><b>ÜBERSCHRIFT1</b></a><ul id="e1">
<li>text1.1</li>
<li>text1.2</li>
<li>text1.3</li>
<li>text1.4</li>
</ul><br><br>
<li><a onmouseover="zeig('e2')"><font face="arial" size="3"><b>ÜBERSCHRIFT2</b></a><ul id="e2">
<li>text2.1</li>
<li>text2.2</li>
<li>text2.3</li>
<li>text2.4</li>
</ul></li><br><br>
<li><a onmouseover="zeig('e3')"><font face="arial" size="3"><b>ÜBERSCHRIFT3</b></a><ul id="e3">
<li>text3.1</li>
<li>text3.2</li>
<li>text3.3</li>
<li>text3.4</li>
</ul></li><br><br>
<li><a onmouseover="zeig('e4')"><font face="arial" size="3"><b>ÜBERSCHRIFT4</b></a><ul id="e4">
<li>text4.1</li>
<li>text4.2</li>
<li>text4.3</li>
</ul></li><br><br>
<li><a onmouseover="zeig('e5')"><font face="arial" size="3"><b>ÜBERSCHRIFT5</b></a><ul id="e5">
<li>text5.1</li>
<li>text5.2</li>
<li>text5.3</li>
<li>text5.4</li>
</ul><br><br>
<li><a onmouseover="zeig('e6')"><font face="arial" size="3"><b>ÜBERSCHRIFT6</b></a><ul id="e6">
<li>text6.1</li>
<li>text6.2</li>
<li>text6.3</li>
<li>text6.4</li>
</ul><br><br>
<li><a onmouseover="zeig('e7')"><font face="arial" size="3"><b>ÜBERSCHRIFT7</b></a><ul id="e7">
<li>text7.1</li>
<li>text7.2</li>
<li>text7.3</li>
<li>text7.4</li>
</ul><br><br>
<li><a onmouseover="zeig('e8')"><font face="arial" size="3"><b>ÜBERSCHRIFT8</b></a><ul id="e8"
<li>text8.1</li>
<li>text8.2</li>
<li>text8.3</li>
<li>text8.4</li>
</ul></li>
</body>
</html>