Michael W.: OnMouseOver PopUp Layer

SELF-Forum

OnMouseOver PopUp Layer

Michael W.
– Informationen zu den Bewertungsregeln

Hallo,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.skin{
position:absolute;
width:165px;
border:1px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:12px;
z-index:100;
visibility:hidden;
}

.menuitems{
padding-left:10px;
padding-right:10px;
}
-->
</style>
</HEAD>

<BODY>
<div id="menu" class="skin" onMouseout="off()" display:none>
Hallo
</div>

<script language="JavaScript1.2">
function on(){
document.GetElemetById("menu").style.visibility='visible';
}
function off(){
document.GetElemetById("menu").style.visibility='hidden';
}
</script>

<a href="#" onmouseover="on()">das ist ein link</a>
</BODY>
</HTML>

was ist falsch? ich möchte das wenn jemand über den link fährt auch an dieser position der layer auftritt.

MfG
Michael Wölk

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. OnMouseOver PopUp Layer

    Sebastian
    – Informationen zu den Bewertungsregeln

    Moin,

    Du hattest nur nen kleinen Schreibfehler:
    getElemetById

    Richtig:
    getElementById

    ;)

    Grüsse, Sebastian

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. OnMouseOver PopUp Layer

      Michael W.
      – Informationen zu den Bewertungsregeln

      Richtig:
      getElementById

      geht immer noch nicht!

      MfG
      Michael Wölk

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. OnMouseOver PopUp Layer

        Sebastian
        – Informationen zu den Bewertungsregeln

        geht immer noch nicht!

        Hast Du den das g auch klein geschrieben?

        <script language="JavaScript1.2">
        function on(){
        document.getElementById("menu").style.visibility='visible';
        }
        function off(){
        document.getElementById("menu").style.visibility='hidden';
        }
        </script>

        Funktioniert bei mir ganz wunderbar. Welchen Browser benutzt Du den?

        http://selfhtml.teamone.de/javascript/objekte/document.htm#get_element_by_id

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. OnMouseOver PopUp Layer

          Michael W.
          – Informationen zu den Bewertungsregeln

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <HTML>
          <HEAD>
          <TITLE> New Document </TITLE>
          <style>
          <!--
          .skin{
          position:absolute;
          width:165px;
          border:1px solid black;
          background-color:menu;
          font-family:Verdana;
          line-height:20px;
          cursor:default;
          font-size:12px;
          z-index:100;
          visibility:hidden;
          }

          .menuitems{
          padding-left:10px;
          padding-right:10px;
          }
          -->
          </style>
          </HEAD>

          <BODY>
          <div id="menu" class="skin" onMouseout="off()" display:none>
          Hallo
          </div>

          <script language="JavaScript1.2">
          function on(){
          document.GetElementById("menu").style.visibility='visible';
          }
          function off(){
          document.GetElementById("menu").style.visibility='hidden';
          }
          </script>

          <a href="#" onmouseover="on()">das ist ein link</a>
          </BODY>
          </HTML>

          geht nicht! weder IE6 noch NN6

          MfG
          Michael Wölk

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. OnMouseOver PopUp Layer

            Sebastian
            – Informationen zu den Bewertungsregeln

            Wow!! Wirklich trauig, aber kannst Du nicht mal meinen Code kopieren bzw. die Antwort richtig durchlesen!!??

            <script language="JavaScript1.2">
            function on(){
            document.getElementById("menu").style.visibility='visible';
            }
            function off(){
            document.getElementById("menu").style.visibility='hidden';
            }
            </script>

            GROß- UND KLEINSCHREIBUNG BEACHTEN!!

            <- sorry fürs gebrülle, aber....

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. OnMouseOver PopUp Layer

              Michael W.
              – Informationen zu den Bewertungsregeln

              ja schon ok, ich muss mich entschuldigen.

              könntest du mir jetzt noch verraten wie ich mit JS die aktelle mouseposition in einer variable speichern kann und wie ich ein layer an dieser positio dann anzeigen kann!?!
              das wäre ja einmal top und left, ne!?!

              MfG
              Michael Wölk

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

              1. OnMouseOver PopUp Layer

                Sebastian
                – Informationen zu den Bewertungsregeln

                Hi,

                bin leider selbst JS Anfänger.
                Hatte da mal was mit nem EVENT Händler gelesen mit dem Du die Mausposition abfragen konntest. Das ging aber glaube ich nur im IE.

                Wie auch immer, neue Frage, neuer Thread ;)

                Erstell bitte nen neuen Beitrag zu Deiner Frage oder schau dich mal bei Selfhtml um.

                Grüsse, Sebastian

                Beitrag melden
                –
                Informationen zu den Bewertungsregeln