OnClick bei Onmouseover/out in einer imagemap

[raplab]

Hallo zusammen,

ich bin hier am verzweifeln und hoffe das mir jemand helfen kann. Die andern einträge im forum konnten mir leider bei meinem problem nicht weiterhelfen. Hab leider nicht so viel plan von JavaScript und hab eine Rollover Navigation mit Dreamweaver erstellt. Diese funktioniert auch super. Aber ich würde gerne bei OnClick das Bild das bei OnMouseOver geladen wird stehen lassen. Leider funktioniert das ja nicht so einfach wie ich erfahren habe. Ich kriegs nicht hin das Script so umzuschreiben das es funktioniert. Das Dreamweaverscript ist wahrscheinlich auch ein bischen umständlich. Wäre super wenn ihr mir helfen könnten dies umzusetzen. Wie gesagt bin in JavaScript ein ziemlicher Neuling...

Hier mein Code...


Hier der Script Teil

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
  </script>

Hier der HTML Teil

<img src="images/navi-pur.jpg" name="Navigation" hspace="100" width="644" height="29" border="0" usemap="#NavigationMap" id="Navigation" />
  <map name="NavigationMap" id="NavigationMap">
    <area shape="rect" coords="9,5,100,25" href="index.php" target="_self" onMouseOver="MM_swapImage('Navigation','','images/navi-home.jpg',1)" onMouseOut="MM_swapImgRestore()"/>
    <area shape="rect" coords="118,6,191,24" href="projekte.php" target="_self" onMouseOver="MM_swapImage('Navigation','','images/navi-projekte.jpg',1)" onMouseOut="MM_swapImgRestore()"/>
    <area shape="rect" coords="216,5,309,25" href="leistungen.php" target="_self" onMouseOver="MM_swapImage('Navigation','','images/navi-leistungen.jpg',1)" onMouseOut="MM_swapImgRestore()"/>
    <area shape="rect" coords="323,7,438,25" href="unternehmen.php" target="_self" onMouseOver="MM_swapImage('Navigation','','images/navi-unternehmen.jpg',1)" onMouseOut="MM_swapImgRestore()" />
    <area shape="rect" coords="454,3,529,23" href="presse.php" target="_self" onMouseOver="MM_swapImage('Navigation','','images/navi-presse.jpg',1)" onMouseOut="MM_swapImgRestore()" />
    <area shape="rect" coords="548,5,628,23" href="kontakt.php" target="_self" onMouseOver="MM_swapImage('Navigation','','images/navi-kontakt.jpg',1)" onMouseOut="MM_swapImgRestore()" />
</map>

Ich hoffe das ihr mir helfen könnt