25. juni 2003 - 22:32
Der er
4 kommentarer og 1 løsning
Img-map
Jeg har før leget med img-map (en menu). Nu prøver jeg at få lavet en ny hp, og vil lige høre om der er andre muligheder i img-map... Giver 30 point til de 3 bedste svar....
Annonceindlæg fra Pax8
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>
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å !-)