Michl: Einfaches Script funktioniert unter NS nicht!!! HILFE

Hallo Leute,

folgendes Script funktioniert unter NS nicht. Wenn ich mir die Site im NS anschaue, werden die hidden ids erst gar nicht anzeigt. wer kann mir helfen den code soweit zu optimieren, damit das ganze auch
einigermassen unter netscape brauchbar ist.

vielen dank im voraus
Michl

###################

<html>

<head>
<title>Hidden Text</title>

<script language="JavaScript">
<!--
function expandIt(element)
{
    element.style.display = (element.style.display == "none" ) ? "" : "none";
}
-->
</script>

<h2><br clear="all">

<a href="javascript:expandIt(History)">History</a></h2>
<div ID="History" STYLE="display:none; ">

<p>Ankle pain</p>

</div>

<h2><a href="javascript:expandIt(Description)">Description</a></h2>
<div ID="Description" STYLE="display:none; ">

<p>The Achilles tendon is thickened and has increased signal intensity</p>

</div>

<h2><a href="javascript:expandIt(Diagnosis)">Diagnosis</a></h2>
<div ID="Diagnosis" STYLE="display:none; ">

<p>Achilles' Tendon Tear</p>

</div>

</body>
</html>

  1. Hi Michl,

    folgendes Script funktioniert unter NS nicht.

    wenn's um die neuen Versionen (keine 4er) geht, hilft

    element.style.display = (element.style.display == "none" ) ? "" : "none";

    document.getElementById(element)style.display = (document.getElementById(element)style.display == "none" ) ? "" : "none";

    Funktioniert es denn, einfach einen leeren String zuzuweisen? Ich würde es mit "block" (eventuell "inherit" probieren.

    http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display
     http://www.w3.org/TR/CSS2/visuren.html#propdef-display

    Beschäftige dich darüber hinaus mit DOM, das ist die Zukunft:

    http://selfhtml.teamone.de/dhtml/modelle/dom.htm

    BTW, gibt's denn eine JS-lose Alternative?

    LG Roland

    1. DANKE - MUCHOS GRACIA

      deine hilfestellung hat mich auf jeden fall nen super schritt nach vorne gebracht!!!

      THX

      Michl

    2. DANKE - MUCHOS GRACIA

      deine antwort hat mich einen riesen schritt nach vorne gebracht!!!!!!

      THX

      Michl

  2. Hallo Michl,

    <a href="javascript:expandIt(History)">History</a></h2>

    selbst mit Orlandos Hilfe wird es noch nicht gehen (nicht nur im NS), solange Du die Funktion mit einer Variablen statt mit einem String als Argument aufrufst. Vielleicht besser so:

    <a href="javascript:expandIt('History')">History</a>

    HTH Robert

    1. VIELEN DANK

      für die erweiterung!
      Hat geholfen, naja fast...
      orlando hat nämlich noch ne kleinigkeit vergessen... ;)

      document.getElementById(element)style.display = (document.getElementById(element)style.display == "none" ) ? "" : "none";

      erkannt?

      BESSER:
      document.getElementById(element).style.display = (document.getElementById(element).style.display == "none" ) ? "" : "none";

      ALSO VIELEN DANK!!!!!!

      greetings
      michl

  3. Hallo,

    immer vorsichtig sein mit Begriffen, die für JavaScript reserviert sind:
    deswegen by Variablennamen mit einer persönlichen ID beginnen, IDs sind case-sensitiv.
    myIdbezeichner

    <html>

    <head>
    <title>Hidden Text</title>

    »»

    <script language="JavaScript">
    <!--

    function expandIt(my_element)

    {

    myElement=document.getElementById(my_element);
    myElement.style.display = (myElement.style.display == "none" ) ? "inherit" : "none";

    }
    -->
    </script>

    <h2><br class="mybr" > <!-- im Sytlesheet verarbeiten BR.mybr{clear:all;}-->

    <a href="#" onclick"expandIt('myHistory');return false;">History</a></h2>
    <div ID="myHistory" STYLE="display:none; ">
    Vorsicht mit History !

    <p>Ankle pain</p>

    </div>

    <h2><a href="#" onclick="expandIt('Description');return false;">Description</a></h2>

    <div ID="Description" STYLE="display:none; ">

    <p>The Achilles tendon is thickened and has increased signal intensity</p>

    </div>

    <h2><a href="#" onclick="expandIt('Diagnosis');return false;">Diagnosis</a></h2>

    <div ID="Diagnosis" STYLE="display:none; ">

    <p>Achilles' Tendon Tear</p>

    </div>

    </body>
    </html>

    hoffe, das klappt ;-)

    Michael

    --
    Hier bin ich Mensch, hier schreib ich rein