Avatar billede xpylarius Nybegynder
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....
Avatar billede xpylarius Nybegynder
25. juni 2003 - 22:33 #1
Hvad laver jeg?!?
20 point til de 3 bedste svar...

Sorry : /
Avatar billede roenving Novice
26. juni 2003 - 01:03 #2
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>
Avatar billede xpylarius Nybegynder
26. juni 2003 - 18:47 #3
Hmmm,
Det forstod jeg ikke helt...
Avatar billede roenving Novice
27. juni 2003 - 00:50 #4
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å !-)
Avatar billede xpylarius Nybegynder
09. september 2003 - 12:15 #5
Lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester