Benedict Zinke: LAyer an und ausschalten funktioniert nicht

Hallo,
Habe ein Problem mit Java Script. Genauer gesagt, ein script, was auf einer HP-Vorlage gefunzt hat, jetzt auf die aktuelle Version übertragen werden soll, und plötzlich nicht mehr funktioniert...

Ich habe die Seite generell mit Layer gestaltet... www.rockaholik.de, dort könnt ihr das ganze "live" sehen... Die Navigation befindet sich versteckt in der GItarre und den Sternen... Die Sterne stellen die Menüpunkte da. Die Gitarre ist ein Layer, und jeweils ein Layer für jeden Stern und nochmal jeweils einen pro Beschriftung. Die Beschriftung soll, wenn man mit der Maus über den Links fährt eingeblendet werden. Ich habe das wie gesagt schon gemacht... Es funzt auch. Und kaum überträgt man das, und schon geht es nciht mehr....

Code:

<script language="JavaScript"> function layer_on("ide") { ide.style.visibility = "visible"; } function layer_off(ide) { ide.style.visibility = "hidden"; } </script>

Das ist das JavaScript

Code:

1.
   2.
      <div id="lila" style="position:absolute; top: 110px; left:160px;">
   3.
      <a href="index2.php?p=links" onmouseover="layer_on(links)" onmouseout="layer_off(links)"><img src="gfx/lila.gif" border="0" /></a></div>
   4.
      <div id="links" style="position:absolute;top:145px;left:174px;visibility:hidden;" class="con">LINKS</div>

Und das der relevante Ausschnitt aus dem HTML Code...
zwei Layer, einer mti dem lila Stern, der andere mit dem Text "Links" Ich verzweifle einfach... Fehlermeldung im IE, "style ist Null oder kein Objekt"

Ich bitte dringend um HIlfe

  1. Hallo!

    <div id="lila" style="position:absolute; top: 110px; left:160px;">
       3.
          <a href="index2.php?p=links" onmouseover="layer_on(links)" onmouseout="layer_off(links)"><img src="gfx/lila.gif" border="0" /></a></div>

    Du übergibst oben eine Variable "links". Wo ist diese definiert. Wo wird diese mit Werten gefüllt?

    Schönen Gruß

    Afra

  2. Hellihello,

      
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
    "http://www.w3.org/TR/html4/loose.dtd">  
    <html>  
     <head>  
      <title>visible on off</title>  
      <script type="text/javascript">  
      function visible_on() {  
       meindiv.style.visibility="visible";  
      }  
      function visible_off() {  
       meindiv.style.visibility="hidden";  
      }  
      </script>  
     </head>  
     <body>  
      <div>  
      <button onclick="visible_off()">off</button>  
      <button onclick="visible_on()">on</button>  
      </div>  
      <div id="meindiv">  
      Hier steht was  
      </div>  
      
     </body>  
    </html>  
    
    

    so gehts mit Opera und IE. Für den FF bräuchtest Du noch:

      
    mein_div=document.getElementById("meindiv");  
    //...  
    mein_div.style.visibility="visible"  
    // etc...  
    
    

    <script language="JavaScript"> function layer_on("ide") {

    • Anfürhungszeichen beim Parameter falsch

    <a href="index2.php?p=links" onmouseover="layer_on(links)"

    • der Parameter links besagt garnüscht in dem fall, weil kein String...;

    Fehlermeldung im IE, "style ist Null oder kein Objekt"

    • nimm FF mit DeveloperToolbar dann hast du ausführliche Fehlermeldung

    frankx