Omvendt mouseover

Ja, du kan f.eks. lave nogle arrays med forskellige koordinater, og placere et billede eller nogle divs på de steder, når du ønsker det ...

f.eks.

<script type="text/javascript">
var pts = [
  [ [12,25], [356,15], [517,256] ],
  [ [32,215], [56,153], [217,56] ]
];
function showPlaces(type){
  var num = 0, parDiv = document.getElementById("imgHolder"), type = type.selectedIndex, clImg = document.getElementById("minPrik"), newImg;
  while(document.getElementById("minPrik" + num))
    parDiv.removeChild(document.getElementById("minPrik" + num++));
  if(type == 0)
    return;
  type--;
  for(i=0,im=pts[type].length;im>i;i++){
    newImg = clImg.cloneNode(true);
    newImg.style.top = pts[type][i][0] + "px";
    newImg.style.left = pts[type][i][1] + "px";
    newImg.style.display = "block";
    newImg.id = "minPrik" + i;
    parDiv.appendChild(newImg);
  }
}
</script>

...

<div id="imgHolder" style="position:relative">
  <img src="ditByBillede.gif">
  <img id="minPrik" src="roedPrik.gif" style="display:none;position:absolute;top:0;left:0;">
</div>

<select onchange="showPlaces(this);">
  <option>Vælg type</option>
  <option>Biografer</option>
  <option>Restauranter</option>
</select>

-- skrevet direkte ind her og absolut utestet !-)

Det var jo lige sådan noget jeg kunne bruge, så kan jeg nøjes med at flytte prikken.
Det skal der vist leges lidt med. Smid svar og takker for hjælpen.

Velbekomme '-)

-- og tak for point ;~}

Så fik jeg tid til at lege lidt med det :(
Jeg kan ikke rigtig få det til at fungere. Mangler der et eller andet i <options> ?
Jeg kan ikke rigtig se mig ud af problemet, så jeg har brug for lidt hjælp :-)
Jeg overvejede også noget CSS med mouse over og så lave et fast billede der er skjult, med mindre musen er over teksten på det som jeg vil vise med en prik.
Men bare noget kommer til at fungere, så er det jo fint.
Egentlig vil jeg også have et tekst felt med forklaring til det man har valgt. Jeg giver naturligvis flere point hvis du kan hjælpe, ellers må jeg bakse noget css sammen ;-)

Prøv at vise det, du har forsøgt !-)

Faktisk er jeg ved at tro at det virker. jeg har lavet det ret simpelt og sidder lige og leger med det. Jeg har sat position absolute i css og min prik har så fået z-index 2
Jeg skal bare have sat flere prikker på nu. Det skal klart laves om med din dropdown boks, ellers kommer teksten til at fylde alt for meget. Jeg tror næsten det virker, eller kommer til det om ikke andet ;-)

<script type="text/javascript">
onoff = 0
function skiftDisplay(objekt, onoff) {
  if (onoff ==1){
      document.getElementById(objekt).style. display="block";
      onoff=0;
    return;
  }
  else {
    document.getElementById(objekt).style. display="none"; 
  onoff=1;
  }
}
</script>
<div id="bykort">
<img src="img/map_suzhou.jpg" alt="kort over suzhou">
</div>


<p
onmouseover="skiftDisplay('prik1',true);return true;"
onmouseout="skiftDisplay('prik1',false);return true;">
Her er teksten der skal findes med min prik
</p>
<div id="prik1">
<img src="img/roedprik.gif" alt="min prik">Min fine prik
</div>