Img-map

Hvad laver jeg?!?
20 point til de 3 bedste svar...

Sorry : /

Har du set edumap:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script>
function createMaps() {
  var coll = document.getElementsByTagName('edumap');
  var arrCoords;
  var newElm;
  for (var i=0; i<coll.length; i++) {
    if (coll[i].mapcoords != null) {
      arrCoords = coll[i].mapcoords.split(',');
        newElm = document.createElement('div');
        newElm.style.pixelTop = document.getElementById(coll[i].mapimg).offsetTop + parseInt(arrCoords[0]);
        newElm.style.pixelLeft = document.getElementById(coll[i].mapimg).offsetLeft + parseInt(arrCoords[1]);
        newElm.style.pixelWidth = arrCoords[2];
        newElm.style.pixelHeight = arrCoords[3];
        newElm.style.position = 'absolute';
        newElm.style.backgroundColor = coll[i].mapbgcolor;
        newElm.style.color = coll[i].maptextcolor;
        newElm.style.filter = 'alpha(opacity=' + coll[i].mapopacity + ')';
        newElm.innerText = coll[i].maptext;
        document.body.appendChild(newElm);
        }
    }
}
</script>
</head>

<body onload="createMaps()">
<img id="img1" src="billede.jpg" width="300" height="200">
<edumap mapimg="img1" mapcoords="0,0,100,100" mapbgcolor="green" mapopacity="50" maptext="test1" maptextcolor="white"/>
<edumap mapimg="img1" mapcoords="120,140,110,70" mapbgcolor="red" mapopacity="50" maptext="test2" maptextcolor="white"/>
</body>
</html>

Hmmm,
Det forstod jeg ikke helt...

edutasia har udnyttet den fleksibilitet som findes i html -- at man faktisk selv kan definere sine tags, her <edumap> ...

det burde betyde at alle standard-events også virker -- så langt er jeg ikke selv kommet -- men da det lyder interessant er det jo nok noget jeg lige får klikket på !-)

Lukker