Ændr text i div ved klik på hotspot

jeg ville noget ala:

<div style="background-image('/sti/til/dit/billede');width: XX;height: XX;position:relative">
<a href="java script:write('hej')" style="width: 100px; height: 100px; position:absolute;border:1px solid red; top: 20px; left:20px;"></a>
<a href="java script:write('med')" style="width: 100px; height: 100px; position:absolute;border:1px solid red; top: 120px; left:20px;"></a>
<a href="java script:write('dig')" style="width: 100px; height: 100px; position:absolute;border:1px solid red; top: 220px; left:20px;"></a>
</div>
<div id="text"></div>

<script type="text/javascript">
function write(msg)
{
document.getElementById('text').innerHTML = msg;
}
</script>

Brug så top og left til at sætte disse 3 links. behold border på dem indtil du har ramt de rigtige punkter.

Med denne metode, skal "områderne" dog være firkantede.

/J

how der er space i links (java script): det skal være "java script:write('besked')"

arghhhh f***** lorte editor.

Har fundet ud af det, og det var endda meget simpelt, så at jeg har siddet og rodet med at finde løsninger på nettet og efterprøve i 1,5 dag har været totalt spilt :-) Jeg skulle bare benytte behavior set text in a container.

Det er tarveligt både over for mig (spild af tid), og andre der måtte finde denne tråd i håb om et accepteret svar med en løsning.

Så smid dit kode, "Behavior set text in a container" giver for ret få, nogen mening.

/J

Hej Jokke

Jeg har lavet det i designview i Dreamweaver og ikke kodet det selv, så jeg tænkte ikke lige over at skrive koden, men selvfølgelig deler jeg den gerne:

følgende placeres i head:

<script type="text/javascript">
function MM_setTextOfLayer(objId,x,newText) { //v9.0
  with (document) if (getElementById && ((obj=getElementById(objId))!=null))
    with (obj) innerHTML = unescape(newText);
}
</script>

og derefter:

  <div id="left_col_top2"><img src="images/billed_pakker.jpg" alt="Iværksætter pakker" width="648" height="373" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="50,71,230,353" href="#" onclick="MM_setTextOfLayer('left_col_bottom2','','<h5>Lille startpakke indeholder:</h5>\r\r<h1> logo- visitkort- brevpapir- konvolutter.\nDen lille startpakke er til dig, der kun skal have det absolut nødvendige.\r En god basisløsning til den helt rigtige pris.\rPrisen er eksklusiv moms.</h1>')" />
      <area shape="rect" coords="428,73,600,353" href="#" onclick="MM_setTextOfLayer('left_col_bottom2','','<h5>Stor startpakke indeholder:</h5>\n\n<h1>logo, visitkort, brevpapir, konvolutter, CMS hjemmesisde samt en 4 sidet A5 folder.\nDen store startpakke indeholder en komplet markedsføring af din virksomhed. Og så er den blandt de billigste på markedet!\nAlle priser er eksklusiv moms og uden trykomkostninger.\nPrisen er eksklusiv moms.</h1>')" />
<area shape="rect" coords="242,72,415,353" href="#" onclick="MM_setTextOfLayer('left_col_bottom2','','<h5>Mellem startpakke indeholder:</h5>\n\n<h1>logo- visitkort- brevpapir- konvolutter- CMS hjemmeside.\nMellem startpakken er identisk med den lille startpakke, men indeholder yderligere en hjemmeside.\nSå kan du nå dine kunder alle steder..\nPrisen er eksklusiv moms.</h1>')" />
    </map>

Det eneste problem jeg har med dette er at /n har jeg selv puttet på for at lave linieskift, fandt på nettet at det var det jeg skulle bruge når det var javascript for </br> virkede ikke, men det gør /n altså heller ikke, så det skal jeg lige undersøge nærmere.