Frank Andres: onMouseover - MAP

Hallo,

ich suche schon ewig im Forum, habe aber noch keine Lösung für mein kleines Problem gefunden.

Möchte einen Link verstecken, also keine Einblendung in der Statusleiste.

Mit einem Textlink funktioniert das auch ausgezeichnet, nur in Kombination mit <map> bekomme ich es nicht hin.

Wahrscheinlich ein Anfängerfehler, aber ich weiß wirklich nicht mehr weiter, suche schon mehrere Tage nach einer Lösung für diese Lapalie.

<html>
  <body bgcolor=#000000>
  <map>
    <map name="test">
    <area shape="rect" coords="0,0,50,50" href="versteckter Link" onmouseover="status=''; return true";>
    </map>
  <img src="c:\stupid.gif" usemap="#test" style="cursor:default; border:none;" onmouseover="status=''; return true";>
  </body>
</html>

Habe schon den <onmouseover> Befehl aus Verzweiflung an allen denkbaren Positionierung eingefügt, wie man im Code sieht, alles kein Erfolg.

Ich traue mich schon gar nicht zu fragen, da ich erst am Anfag stehe und eigentlich keine Ahnung habe, aber vielleicht hilft mir doch jemand weiter, wäre wirklich super :o\

  1. Hallo,

    Möchte einen Link verstecken, also keine Einblendung in der Statusleiste.

    Gutheißen kann ich das erstmal nicht, außer dann, wenn man der Adresse noch Zusatzinformationen mit gibt.

    Mit einem Textlink funktioniert das auch ausgezeichnet, nur in Kombination mit <map> bekomme ich es nicht hin.

    Das ist tatsaechlich tricky, einfach <area ... onmouseover="window.status='...'" bringt es nicht.

    Baue diese Hilfsfunktion ein:

    function setStatus(info)
    {
     status=info;
     setTimeout("window.status=status",0);return true;
    }

    und dann:

    <area ... onmouseover="setStatus('...')" onmouseout="setStatus('')">

    Im Testeinsatz unter http://www.styleassistant.de/tips/beispiel9d.htm zu sehen.

    MfG, Thomas

    1. Hallo Thomas,

      erst einmal besten Dank für die Antwort, die Testseite habe ich gesehen und dort funktioniert es, bei mir immer noch nicht.

      Der Link soll versteckt sein, weil er zu einem internen Bereich der Seite führen soll, auf dem Downloads, Infos usw. für bestimmte Kunden bereitgestellt werden können.

      Hier nochmal mein kompletter, neuer Testcode - in der Auswirkung allerdings ohne Erfolg.

      Vielleicht sollte ich doch lieber die Finger davon lassen, habe nämlich keine Ahnung, warum es bei dir klappt und hier nicht!?

      <HTML>
       <HEAD>
        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
        function setStatus(info)
        {
          status=info;
          setTimeout("window.status=status",0);return true;
        }
        </SCRIPT>
       </HEAD>

      <BODY bgcolor=#000000>
        <map>
         <map name="test">
         <area shape="rect" coords="0,0,50,50" href="versteckter Link" onmouseover="setStatus=('')" onmouseout="setStatus=('')">
        </map>
        <img src="c:\stupid.gif" usemap="#test" style="cursor:default; border:none">
       </BODY>
      </HTML>

      Hoffentlich siehst du oder jemand den Fehler, wäre super, wenn dieses Problem endlich eine Lösung hätte!

      CU,
      Frank

      1. Hallo,

        Vielleicht sollte ich doch lieber die Finger davon lassen, habe nämlich keine Ahnung, warum es bei dir klappt und hier nicht!?

        Da ist ein <map> zuviel.

        MfG, Thomas

        1. Hallo Thomas,

          der Tip hat leider nichts gebracht, das <MAP> weniger stört ihn (IE6) nicht im Geringsten.

          Du meintest so:

          <HTML>
           <HEAD>
            <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
            function setStatus(info)
            {
              status=info;
              setTimeout("window.status=status",0);return true;
            }
            </SCRIPT>
           </HEAD>

          <BODY bgcolor=#000000>
            <MAP name="test">
             <AREA shape="rect" coords="0,0,50,50" href="versteckter Link" onmouseover="setStatus=('')" onmouseout="setStatus=('')">
            </MAP>
            <IMG src="c:\stupid.gif" usemap="#test" style="cursor:default; border:none">
           </BODY>
          </HTML>

          Gleicher Effekt wie zuvor, trotzdem Danke :o)

          MfG,
          Frank