Franz M.: Image-map mit rollover, ich find den fehler net

Hallo,
also ich sitz hier seit 4 stunden und bin zu blöd den fehler in meiner image map zu finden, warum geht das hier nicht ?

verzweifelt...

Franz M.

  1. Mann, sorrry.
    hier ist der code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <HTML>
    <HEAD>

    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <TITLE>map</TITLE>

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
    <!--

    var Nr;

    if (document.images) {
     philosophie=new Image(); philosophie.src="link1.gif";
     angebote=new Image(); angebote.src="link2.gif";
     referenzen=new Image(); referenzen.src="link3.gif";
     kontakt=new Image(); kontakt.src="link4.gif";
     agb=new Image(); agb.src="link5.gif";

    }

    function mapnav(Nr)
    {
     if (document.images) {
     document.navi.src="link"+Nr+".gif";}
    }

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

    //-->
    </SCRIPT>
    </HEAD>
    <BODY>
    <IMG SRC="links-kasten-voll.jpg" WIDTH="148" HEIGHT="324" BORDER="0" ALIGN="Top" NAME="navi" ALT="Navigation" USEMAP="#karte">
    <MAP NAME="karte">

    <area shape="rect" coords="14,19,128,41" href="#"
      OnMouseOver="mapnav(1);setStatus('Link 1 - philosophie.htm')" OnMouseOut="MapLinks(0);setStatus('')" OnFocus="blur()" ALT="Philosophie" TITLE="Philosophie">
      <area shape="rect" coords="14,55,128,77" href="#"
      OnMouseOver="mapnav(1);setStatus('Link 2 - angebote.htm')" OnMouseOut="MapLinks(0);setStatus('')" OnFocus="blur()" ALT="Angebote" TITLE="Angebote">
      <area shape="rect" coords="14,89,128,112" href="#"
      OnMouseOver="mapnav(1);setStatus('Link 3 - referenzen.htm')" OnMouseOut="MapLinks(0);setStatus('')" OnFocus="blur()" ALT="Referenzen" TITLE="Referenzen">
      <area shape="rect" coords="14,126,128,148" href="#"
      OnMouseOver="mapnav(1);setStatus('Link 4 - kontakt.htm')" OnMouseOut="MapLinks(0);setStatus('')" OnFocus="blur()" ALT="Kontakt" TITLE="Kontakt">
      <area shape="rect" coords="14,163,128,183" href="#"
      OnMouseOver="mapnav(1);setStatus('Link 5 - agb.htm')" OnMouseOut="MapLinks(0);setStatus('')" OnFocus="blur()" ALT="AGB" TITLE="AGB">
    </MAP>

    </BODY>
    </HTML>

    danke

    tschö

  2. Hallo,

    also ich sitz hier seit 4 stunden und bin zu blöd den fehler in meiner image map zu finden, warum geht das hier nicht ?

    Na, das kommt mir doch bekannt vor ;-).

    Es soll wohl onmouseover die Funktion mapnav() augerufen werden, aber doch nicht 5-fach (?) mapnav(1) sondern eher mapnav(1)...mapnav(5). Beim onmouseout rufst Du jedoch die nicht vorhandene Funktion MapLinks(0) auf, das sollte mapnav(0) sein, aber das zugehoerige Bild gibt es auch nicht als Referenz.

    MfG, Thomas

    1. Hey Thomas,
      das habe ich befolgt, aber das ding geht immer noch net.
      der code:

      <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
      <!--

      var Nr;

      if (document.images) {
       philosophie=new Image(); philosophie.src="link1.gif";
       angebote=new Image(); angebote.src="link2.gif";
       referenzen=new Image(); referenzen.src="link3.gif";
       kontakt=new Image(); kontakt.src="link4.gif";
       agb=new Image(); agb.src="link5.gif";

      }

      function mapnav(Nr)
      {
       if (document.images) {
       document.navi.src="link"+Nr+".gif";}
      }

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

      //-->
      </SCRIPT>
      </HEAD>
      <BODY>
      <IMG SRC="links-kasten-voll.jpg" WIDTH="148" HEIGHT="324" BORDER="0" ALIGN="Top" NAME="navi" ALT="Navigation" USEMAP="#karte">
      <MAP NAME="karte">

      <area shape="rect" coords="14,19,128,41" href="#"
        OnMouseOver="mapnav(1);setStatus('Link 1 - philosophie.htm')" OnMouseOut="mapnav(0);setStatus('')" OnFocus="blur()" ALT="Philosophie" TITLE="Philosophie">
        <area shape="rect" coords="14,55,128,77" href="#"
        OnMouseOver="mapnav(2);setStatus('Link 2 - angebote.htm')" OnMouseOut="mapvav(0);setStatus('')" OnFocus="blur()" ALT="Angebote" TITLE="Angebote">
        <area shape="rect" coords="14,89,128,112" href="#"
        OnMouseOver="mapnav(3);setStatus('Link 3 - referenzen.htm')" OnMouseOut="mapnav(0);setStatus('')" OnFocus="blur()" ALT="Referenzen" TITLE="Referenzen">
        <area shape="rect" coords="14,126,128,148" href="#"
        OnMouseOver="mapnav(4);setStatus('Link 4 - kontakt.htm')" OnMouseOut="mapnav(0);setStatus('')" OnFocus="blur()" ALT="Kontakt" TITLE="Kontakt">
        <area shape="rect" coords="14,163,128,183" href="#"
        OnMouseOver="mapnav(5);setStatus('Link 5 - agb.htm')" OnMouseOut="mapnav(0);setStatus('')" OnFocus="blur()" ALT="AGB" TITLE="AGB">
      </MAP>

      Parx

      1. Hallo,

        das habe ich befolgt, aber das ding geht immer noch net.

        Es gibt kein link0.gif. So sollte das bei Dir etwas werden:

        function mapnav(Nr)
        {
         if (document.images) {
           if(Nr==0)document.navi.src="links-kasten-voll.jpg";
           else document.navi.src="link"+Nr+".gif";}
        }

        MfG, Thomas