Angiv navn vha. hotspot

Måske kan du bruge dette program: http://www.boutell.com/mapedit/download.html

Jeg brugte det for nogle år siden..

Screenshot: http://www.boutell.com/mapedit/screenshot.html

Eller denne som er freeware: http://www.snapfiles.com/get/geohtml.html

Du kan bare søge på "freeware imagemap editor": http://www.google.com/search?q=freeware+imagemap+editor

hmm, kan ikke rigtig få nogle af programmerne til at skrive noget når jeg har lavet et hotspot..

skrive noget?

Metoden er, at du har et billede (danmarkskortet), hvor du så markerer noget figurer (firkanter, trekanter, eller hvad der nu passer dig bedst).. disse bliver til links, så brugeren kommer videre til de rette sider..

Hvis der skal stå noget i tooltip/alternativ tekst (det der dukker op, når du har musen over et eller andet), skal du bruge det der hedder "alt"..

Hvilket program bruger du?

Det er ikke ALT metoden jeg skal bruge. Det er når du holder musen over et hotspot, skal der måske nedenfor billedet stå hvilket amt det er.

Så er det nok en kombination af hotspots, og overLib, at du skal bruge: http://www.bosrup.com/web/overlib/

..med mindre at "nedenfor billedet" betyder statusbaren, hvilket jeg ikke tror:

onmouseover="window.status='amtets navn'" onmouseout="window.status=''"

..ellers må du lige smide et link til din side, eller noget kode vi kan kigge på..

Det er som alm. tekst ligesom hvis jeg nu skrev "Vejle Amt" neden for billedet.

OK.
- Du har et danmarkskort med nogle markeringer, der viser amterne..
- Når musen hover (holder musen over) over en amt, skal der navnet på den pågældende amt, vises lige under musen

Er det korrekt?
Hvis ja: brug overLib

En anden mulighed:
Ved onmouseover kaldes en funktion, der flytter en div-boks, der navnet+position som parameter..

f.eks.
<... onmouseover="amt('Fyn',200,300);" onmouseout="amt('','','');"...>

Tror mere det er anden mulighed jeg skal bruge. Hvordan kan jeg kompinere det med et hotspot og hvordan lyder den div-boks?

Ser lige om jeg kan lave noget kode..
Det er normalt ikke mit område.. mere roenvings, oleboles eller erikjacobsens :-)

Gemmes i en html fil:

<div id="vis" style="display: none; position: absolute">test</div>

<a href="#" onclick="return false;" onmouseover="amt('Fyn',200,300);" onmouseout="amt('','','');">Fyn</a>
<br><br><br>
<a href="#" onclick="return false;" onmouseover="amt('Test',500,600);" onmouseout="amt('','','');">Test</a>

<script type="text/JavaScript">

v = document.getElementById('vis');

function amt(navn,x,y)
{
if (navn=='' && x == '' && y == '') {
  v.style.display = "none";
} else {
  v.innerHTML = navn;
  v.style.display = "";
  v.style.left = x
  v.style.top = y
}
}
</script>

flyt musen over på "Test" eller "Fyn"..

Et par ændringer..
- positionerne

- tilføjet:
--- "vs = v.style"

- ændret til:
--- "vs.display"
--- "vs.left"
--- "vs.top"


Det skal lige siges, at det er testet med Opera v7.50 og Internet Explorer v6 SP1..
Det er ikke sikkert at det skal være ".style.top" og ".style.left".. der skal muligvis noget andet på.. og det er så "roenving, olebole, erikjacobsen"-delen :-)

<div id="vis" style="display: none; position: absolute">test</div>

<a href="#" onclick="return false;" onmouseover="amt('Fyn',200,300);" onmouseout="amt('','','');">Fyn</a>
<br><br><br>
<a href="#" onclick="return false;" onmouseover="amt('Test',300,200);" onmouseout="amt('','','');">Test</a>

<script type="text/JavaScript">

v = document.getElementById('vis');
vs = v.style;

function amt(navn,x,y)
{
if (navn=='' || x == '' || y == '') {
  vs.display = "none";
} else {
  v.innerHTML = navn;
  vs.display = "";
  vs.left = x;
  vs.top = y;
}
}
</script>

glemte lige:
bruger nu "navn=='' || x == '' || y == ''", dvs, hvis bare 1 af felterne i amt('','',''); er tomt, skjules boksen.

Er der ikke en nemmere metode til at definere hvor teksten skal komme frem? en boks man kan placere eller noget.

Jo, du kan naturligvis lave så mange bokse du vil, og definere positionen med:

<div style="position: absolute; left: 200px; top: 500px;">Fyn</div>

Så står "Fyn" der bare fra starten af. Det skal først være når jeg holder musen over et hotspot at "Fyn" skal komme

Så er det bedre at bruge scriptet..
Men man kan også bruge en forudbestemt boks, og så ændre på display: none/''..

Laver lige et eksempel..

Ny kode:

<a href="#" onclick="return false;" onmouseover="amt('fyn');" onmouseout="amt('');">Fyn</a>
<br><br><br>
<a href="#" onclick="return false;" onmouseover="amt('kbh');" onmouseout="amt('');">København</a>
<br><br><br>
<a href="#" onclick="return false;" onmouseover="amt('andet');" onmouseout="amt('');">Noget helt tredje</a>

<div id="fyn" style="display: none; position: absolute; left: 100px; top: 200px;">Fyn!</div>
<div id="kbh" style="display: none; position: absolute; left: 300px; top: 400px;">København!</div>
<div id="andet" style="display: none; position: absolute; left: 500px; top: 600px;">Noget helt tredje!</div>

<script type="text/JavaScript">
function amt(navn)
{
obj = document.getElementById(navn);

if (obj=='' || obj == null) {
  oldobj.style.display = "none";
} else {
  obj.style.display = "";
}
oldobj = obj;
}
</script>

Jeg mener at man kan nøjes med at bruge "if (obj == null) {", da objekter enten er "object" eller "null"..

Koden kan forkortes ned til:

<script type="text/JavaScript">
function amt(navn)
{
obj = document.getElementById(navn);
(obj == null)?oldobj.style.display = "none":obj.style.display = "";
oldobj = obj;
}
</script>

Smider lige et svar, hvis du kan bruge det..
..smutter en tur..

Har det fået det til at virke, og det er præcis sådan jeg gerne vil have det. Dog er der det problem at når jeg skifter opløsning passer det sted jeg har sat min div boks ikke rigtig mere, da den stadig tager efter koordinaterne fra den anden opløsning. Selvom opløsningen bliver større/mindre skal den komme fx i den tabel hvorpå jeg har angivet den til at være.

Undskyld forsinkelsen.. jeg har gang flere projekter på een gang..

Men det skal nok ligne noget i stil med det her:

<a href="#" onclick="return false;" onmouseover="amt('fyn',event.clientX,event.clientY);" style="position:absolute;" onmouseout="amt('');">Fyn</a>
<br><br><br>
<a href="#" onclick="return false;" onmouseover="amt('kbh');" onmouseout="amt('');">København</a>
<br><br><br>
<a href="#" onclick="return false;" onmouseover="amt('andet');" onmouseout="amt('');">Noget helt tredje</a>

<div id="fyn" style="display: none; position: absolute; left: 100px; top: 200px;">Fyn!</div>
<div id="kbh" style="display: none; position: absolute; left: 300px; top: 400px;">København!</div>
<div id="andet" style="display: none; position: absolute; left: 500px; top: 600px;">Noget helt tredje!</div>

<script type="text/JavaScript">
function amt(navn,posx,posy)
{
obj = document.getElementById(navn);

if (obj=='' || obj == null) {
  oldobj.style.display = "none";
} else {
  obj.style.display = "";
  obj.style.left=posx+"px";
  obj.style.top=posy+10+"px";
}
oldobj = obj;
}
</script>


Nye ting:
onmouseover="amt('fyn',event.clientX,event.clientY);"

og

  obj.style.left=posx+"px";
  obj.style.top=posy+10+"px";


Men jeg tror at roenving er bedre til det her, end jeg er..

Kan ikke rigtig få det til at virke.

Kan du så lave fx et der skriver nogle kommuner jeg selv definerer nedenunder i en boks ligesom her:

http://www.danskeboligadvokater.dk/default.asp

Jeg har spurgt roenving om det her, og han henviste til andre brugere, der havde mere med det at gøre..
Jeg husker ikke lige navnene, men jeg vil prøve at se, om jeg kan finde spmet..

Mht til danskeboligadvokate.dk, kan du se hvordan de gør det, ved at kigge i kildekoden til adressen:

http://www.danskeboligadvokater.dk/search/AdvoSearch.asp?search=&amt=&kommuner=

Skulle siden gå ned, så er kildekoden her:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Find Boligadvokat</title>
<style>
A, TD, TD A  {
    font-size :11px;
    font-family :Arial;
    font-weight :Normal;
    font-style :Normal;
    color :#224A52;
    text-decoration :none;
}
.Heading  {
    font-size :11px;
    font-family :Arial;
    font-weight :Bold;
    font-style :Normal;
    color :#224A52;
    text-decoration :none;
}
.menuTekstlille {
    font-size :10px;
    font-family :Arial;
    font-weight :Normal;
    font-style :Normal;
    color :#003333;
}
</style>

<script>
HasAmtBeenChosen = false;
Amter = new Array(14);
Amter[0] = new Array("Bornholms Regionskommune");
Amter[1] = new Array("Allerød", "Birkerød", "Farum", "Fr.borg-Humlebæk", "Frederikssund", "Frederiksværk", "Græsted-Gilleleje", "Helsinge", "Helsingør", "Hillerød", "Hundested", "Hørsholm", "Jægerspris", "Karlebo", "Skibby", "Skævinge", "Slangerup", "Stenløse", "Ølstykke");
Amter[2] = new Array("Assens", "Bogense", "Broby", "Egebjerg", "Ejby", "Faaborg", "Glamsbjerg", "Gudme", "Haarby", "Kerteminde", "Langeskov", "Marstal", "Middelfart", "Munkebo", "Nyborg", "Nørre Aaby", "Odense", "Otterup", "Ringe", "Rudkøbing", "Ryslinge", "Svendborg", "Sydlangeland", "Søndersø", "Tommerup", "Tranekær", "Ullerslev", "Vissenbjerg", "Ærøskøbing", "Ørbæk", "Årslev", "Aarup");
Amter[3] = new Array("Albertslund", "Ballerup", "Brøndby", "Dragør", "Frederiksberg", "Gentofte", "Gladsaxe", "Glostrup", "Herlev", "Hvidovre", "Høje-Taastrup", "Ishøj", "København", "København C", "København K", "København N", "København NV", "København S", "København SV", "København V", "København Ø", "Ledøje-Smørum", "Lyngby-Taarbæk", "Rødovre", "Søllerød", "Tårnby", "Vallensbæk", "Værløse");
Amter[4] = new Array("Arden", "Brovst", "Brønderslev", "Dronninglund", "Farsø", "Fjerritslev", "Frederikshavn", "Hadsund", "Hals", "Hirtshals", "Hjørring", "Hobro", "Læsø", "Løgstør", "Løkken-Vrå", "Nibe", "Nørager", "Pandrup", "Sejlflod", "Sindal", "Skagen", "Skørping", "Støvring", "Sæby", "Aabybro", "Aalborg", "Aars");
Amter[5] = new Array("Billund", "Blaabjerg", "Blåvandshuk", "Bramming", "Brørup", "Esbjerg", "Fanø", "Grindsted", "Helle", "Holsted", "Ribe", "Varde", "Vejen", "Ølgod");
Amter[6] = new Array("Aulum-Haderup", "Brande", "Egvad", "Herning", "Holmsland", "Holstebro", "Ikast", "Lemvig", "Ringkøbing", "Skjern", "Struer", "Thyborøn-Harboøre", "Thyholm", "Trehøje", "Ulfborg-Vemb", "Videbæk", "Vinderup", "Aaskov");
Amter[7] = new Array("Bramsnæs", "Greve", "Gundsø", "Hvalsø", "Køge", "Lejre", "Ramsø", "Roskilde", "Skovbo", "Solrød", "Vallø");
Amter[8] = new Array("Fakse", "Fladså", "Holeby", "Holmegård", "Højreby", "Langebæk", "Maribo", "Møn", "Nakskov", "Nykøbing-Falster", "Nysted", "Næstved", "Nørre Alslev", "Præstø", "Ravnsborg", "Rudbjerg", "Rødby", "Rønnede", "Sakskøbing", "Stevns", "Stubbekøbing", "Suså", "Sydfalster", "Vordingborg");
Amter[9] = new Array("Augustenborg", "Bov", "Bredebro", "Broager", "Christiansfeld", "Gram", "Gråsten", "Haderslev", "Højer", "Lundtoft", "Løgumkloster", "Nordborg", "Nørre-Rangstrup", "Rødding", "Rødekro", "Skærbæk", "Sundeved", "Sydals", "Sønderborg", "Tinglev", "Tønder", "Vojens", "Aabenraa");
Amter[10] = new Array("Brædstrup", "Børkop", "Egtved", "Fredericia", "Gedved", "Give", "Hedensted", "Horsens", "Jelling", "Juelsminde", "Kolding", "Lunderskov", "Nørre-Snede", "Tørring-Uldum", "Vamdrup", "Vejle");
Amter[11] = new Array("Bjergsted", "Dianalund", "Dragsholm", "Fuglebjerg", "Gørlev", "Hashøj", "Haslev", "Holbæk", "Hvidebæk", "Høng", "Jernløse", "Kalundborg", "Korsør", "Nykøbing-Rørvig", "Ringsted", "Skælskør", "Slagelse", "Sorø", "Stenlille", "Svinninge", "Tornved", "Trundholm", "Tølløse");
Amter[12] = new Array("Bjerringbro", "Fjends", "Hanstholm", "Hvorslev", "Karup", "Kjellerup", "Morsø", "Møldrup", "Sallingsund", "Skive", "Spøttrup", "Sundsøre", "Sydthy", "Thisted", "Tjele", "Viborg", "Aalestrup");
Amter[13] = new Array("Ebeltoft", "Galten", "Gjern", "Grenaa", "Hadsten", "Hammel", "Hinnerup", "Hørning", "Langå", "Mariager", "Midtdjurs", "Nørhald", "Nørre Djurs", "Odder", "Purhus", "Randers", "Rosenholm", "Rougsø", "Ry", "Rønde", "Samsø", "Silkeborg", "Skanderborg", "Sønderhald", "Them", "Århus");

//Amter[0] = new Array("Aakirkeby", "Allinge-Gudhjem", "Hasle", "Neksø", "Rønne");
//Amter[1] = new Array("Allerød", "Birkerød", "Farum", "Fr.borg-Humlebæk", "Frederikssund", "Frederiksværk", "Græsted-Gilleleje", "Helsinge", "Helsingør", "Hillerød", "Hundested", "Hørsholm", "Jægerspris", "Karlebo", "Skibby", "Skævinge", "Slangerup", "Stenløse", "Ølstykke");
//Amter[2] = new Array("Aarup", "Assens", "Bogense", "Broby", "Egebjerg", "Ejby", "Faaborg", "Glamsbjerg", "Gudme", "Haarby", "Kerteminde", "Langeskov", "Marstal", "Middelfart", "Munkebo", "Nyborg", "Nørre Aaby", "Odense", "Otterup", "Ringe", "Rudkøbing", "Ryslinge", "Svendborg", "Sydlangeland", "Søndersø", "Tommerup", "Tranekær", "Ullerslev", "Vissenbjerg", "Ærøskøbing", "Ørbæk", "Årslev");
//Amter[3] = new Array("Albertslund", "Ballerup", "Brøndby", "Dragør", "Frederiksberg", "Gentofte", "Gladsaxe", "Glostrup", "Herlev", "Hvidovre", "Høje-Taastrup", "Ishøj", "København", "Ledøje-Smørum", "Lyngby-Taarbæk", "Rødovre", "Søllerød", "Tårnby", "Vallensbæk", "Værløse");
//Amter[4] = new Array("Aabybro", "Aalborg", "Aars", "Arden", "Brovst", "Brønderslev", "Dronninglund", "Farsø", "Fjerritslev", "Frederikshavn", "Hadsund", "Hals", "Hirtshals", "Hjørring", "Hobro", "Læsø", "Løgstør", "Løkken-Vrå", "Nibe", "Nørager", "Pandrup", "Sejlflod", "Sindal", "Skagen", "Skørping", "Støvring", "Sæby");
//Amter[5] = new Array("Billund", "Blaabjerg", "Blåvandshuk", "Bramming", "Brørup", "Esbjerg", "Fanø", "Grindsted", "Helle", "Holsted", "Ribe", "Varde", "Vejen", "Ølgod");
//Amter[6] = new Array("Aaskov", "Aulum-Haderup", "Brande", "Egvad", "Herning", "Holmsland", "Holstebro", "Ikast", "Lemvig", "Ringkøbing", "Skjern", "Struer", "Thyborøn-Harboøre", "Thyholm", "Trehøje", "Ulfborg-Vemb", "Videbæk", "Vinderup");
//Amter[7] = new Array("Bramsnæs", "Greve", "Gundsø", "Hvalsø", "Køge", "Lejre", "Ramsø", "Roskilde", "Skovbo", "Solrød", "Vallø");
//Amter[8] = new Array("Fakse", "Fladså", "Holeby", "Holmegård", "Højreby", "Langebæk", "Maribo", "Møn", "Nakskov", "Nykøbing-Falster", "Nysted", "Næstved", "Nørre Alslev", "Præstø", "Ravnsborg", "Rudbjerg", "Rødby", "Rønnede", "Sakskøbing", "Stevns", "Stubbekøbing", "Suså", "Sydfalster", "Vordingborg");
//Amter[9] = new Array("Aabenraa", "Augustenborg", "Bov", "Bredebro", "Broager", "Christiansfeld", "Gram", "Gråsten", "Haderslev", "Højer", "Lundtoft", "Løgumkloster", "Nordborg", "Nørre-Rangstrup", "Rødding", "Rødekro", "Skærbæk", "Sundeved", "Sydals", "Sønderborg", "Tinglev", "Tønder", "Vojens");
//Amter[10] = new Array("Brædstrup", "Børkop", "Egtved", "Fredericia", "Gedved", "Give", "Hedensted", "Horsens", "Jelling", "Juelsminde", "Kolding", "Lunderskov", "Nørre-Snede", "Tørring-Uldum", "Vamdrup", "Vejle");
//Amter[11] = new Array("Bjergsted", "Dianalund", "Dragsholm", "Fuglebjerg", "Gørlev", "Hashøj", "Haslev", "Holbæk", "Hvidebæk", "Høng", "Jernløse", "Kalundborg", "Korsør", "Nykøbing-Rørvig", "Ringsted", "Skælskør", "Slagelse", "Sorø", "Stenlille", "Svinninge", "Tornved", "Trundholm", "Tølløse");
//Amter[12] = new Array("Aalestrup", "Bjerringbro", "Fjends", "Hanstholm", "Hvorslev", "Karup", "Kjellerup", "Morsø", "Møldrup", "Sallingsund", "Skive", "Spøttrup", "Sundsøre", "Sydthy", "Thisted", "Tjele", "Viborg");
//Amter[13] = new Array("Ebeltoft", "Galten", "Gjern", "Grenaa", "Hadsten", "Hammel", "Hinnerup", "Hørning", "Langå", "Mariager", "Midtdjurs", "Nørhald", "Nørre Djurs", "Odder", "Purhus", "Randers", "Rosenholm", "Rougsø", "Ry", "Rønde", "Samsø", "Silkeborg", "Skanderborg", "Sønderhald", "Them", "Århus");

ValgteKommuner = ""

function SkiftAmt(Amtnummer){
        if (Amtnummer==1){
        document.find.kommuner.options.length = 1;
        document.find.kommuner.options[0] = new Option(Amter[Amtnummer-1][0], Amter[Amtnummer-1][0], false, true);
    } else {
        document.find.kommuner.options.length = Amter[Amtnummer-1].length+1;
        document.find.kommuner.options[0] = new Option("Alle", "Alle");
        for(i = 0; i < Amter[Amtnummer-1].length; i++){
            if(ValgteKommuner.indexOf(Amter[Amtnummer-1][i]) > -1){
                document.find.kommuner.options[i+1] = new Option(Amter[Amtnummer-1][i], Amter[Amtnummer-1][i], false, true);
            }else{
                document.find.kommuner.options[i+1] = new Option(Amter[Amtnummer-1][i], Amter[Amtnummer-1][i]);
            }
        }
    }
    if (document.find.kommuner.selectedIndex < 0){
        document.find.kommuner.selectedIndex = 0;
    }
    HasAmtBeenChosen = true;
    document.find.amt.value = Amtnummer;
}

function ChngCursor(){
    if(document.all){
        document.body.style.cursor = "default";
    }
}

function IsItOk(){
    if(!HasAmtBeenChosen){
        alert("Vælg venligst en eller flere kommuner.");
        return false;
    }
    return true;
}

function start(){
    if(document.find.amt.value.length > 0){
        SkiftAmt(document.find.amt.value);
    }
}
</script>
</head>

<body background="../Images/system/left_bg.gif">
<p align=center>
<!--form method="post" action="SearchResult.asp" name="find" onSubmit="return IsItOk();" target=indhold-->
<form method="post" action="../Indhold.asp?search=done" name="find" onSubmit="return IsItOk();" target=content>
<table width=120 border=0>
    <tr>
        <td ondblclick="document.find.submit();">
        <img src="../Images/DK_Kort.GIF" width="174" height="175" border="0" usemap="#Amter" onClick="this.blur();" alt="">
        <span class=menutekstlille>
        Klik på Danmarkskortet for at vælge det amt, hvor du søger boligadvokat.
        <br>
        <input type=hidden name=amt value="">
        <select name="kommuner" size=4 style="width: 174px;">
        <option value="none">Vælg et amt på kortet&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
        </select>
        </span>
        </td>
    </tr>
    <tr>
        <td>
            <table width=100%>
                <tr>
                    <td><span class=menutekstlille>Vælg kommune</span></td>
                    <td align="right" valign="top"><input type=image src="../images/dba_sg.gif" border=0></td>
                </tr>
            </table>
        </td>
    </tr>

</table>
<!--
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><br><br><br><br><img src="../images/system/bestil.gif" align="center" border="0"></td>
    </tr>
</table>
-->
</form>
</p>
<map name="Amter">
<area href="java script:SkiftAmt(5)" alt="Nordjyllands amt" shape="POLY" coords="32,40,37,57,43,58,45,63,46,66,50,67,52,67,53,65,52,62,53,60,58,59,61,59,64,59,66,58,66,54,65,50,67,44,68,41,69,39,71,36,92,37,94,30,83,29,80,36,71,36,74,11,72,8,66,16,60,16,54,18,53,22,49,30,45,36,40,39,38,40" style="cursor: hand;">
<area href="java script:SkiftAmt(13)" alt="Viborg amt" shape="poly" coords="31,39,25,42,20,41,14,48,10,57,10,62,24,73,29,76,36,86,39,85,44,85,45,85,48,84,49,82,49,79,49,67,44,62,42,58,37,56">
<area href="java script:SkiftAmt(14)" alt="Århus amt" shape="POLY" coords="65,58,66,59,67,66,68,70,72,70,77,70,81,69,82,72,83,78,80,83,78,87,75,89,72,91,70,88,67,87,65,88,65,92,66,93,81,100,77,110,60,103,60,107,58,110,56,109,52,104,46,101,42,102,38,101,38,98,38,95,38,90,36,87,39,85,42,84,46,84,50,81,50,77,50,73,49,67,51,65,53,65,53,60,59,59">
<area href="java script:SkiftAmt(7)" alt="Ringkøbing amt" shape="poly" coords="9,62,6,69,6,92,7,110,30,108,33,100,37,98,38,92,36,87,29,76">
<area href="java script:SkiftAmt(11)" alt="Vejle amt" shape="poly" coords="35,122,36,115,30,107,33,100,37,98,38,102,38,103,46,102,56,110,48,126,42,127">
<area href="java script:SkiftAmt(6)" alt="Ribe amt" shape="poly" coords="6,111,5,118,15,129,23,131,27,130,28,129,28,125,30,122,34,122,36,114,30,107">
<area href="java script:SkiftAmt(10)" alt="Sønderjyllands amt" shape="poly" coords="48,126,50,133,50,136,46,136,46,140,54,141,61,148,60,152,57,155,50,154,20,151,20,145,12,144,19,130,27,130,29,129,28,125,30,123,32,122,34,122,39,126,43,126">
<area href="java script:SkiftAmt(3)" alt="Fyns amt" shape="poly" coords="70,115,73,118,76,114,79,118,79,124,82,130,86,136,87,142,80,159,68,153,65,148,52,130,52,123,54,118">
<area href="java script:SkiftAmt(4)" alt="Storkøbenhavn" shape="poly" coords="129,103,124,101,117,112,117,114,121,116,122,117,128,113,131,116,134,114,138,114,138,112,138,110,132,110">
<area href="java script:SkiftAmt(2)" alt="Frederiksborg amt" shape="poly" coords="132,102,131,90,121,88,110,97,105,97,109,112,117,112,124,101">
<area href="java script:SkiftAmt(12)" alt="Vestsjællands amt" shape="poly" coords="98,104,89,108,82,107,82,110,87,110,91,116,92,124,90,127,94,134,98,135,103,127,107,126,111,130,113,130,115,124,108,119,109,112,109,112,109,112,105,97,93,94">
<area href="java script:SkiftAmt(8)" alt="Roskilde amt" shape="poly" coords="108,112,108,118,114,124,124,124,120,122,120,116,116,114,116,112">
<area href="java script:SkiftAmt(9)" alt="Storstrøms amt" shape="poly" coords="124,124,115,125,113,130,110,130,107,126,103,127,98,136,106,135,109,140,108,146,104,150,100,150,98,147,89,146,85,154,90,158,95,159,101,165,103,164,106,162,112,162,115,166,118,165,116,158,120,154,122,151,124,148,126,146,131,146,133,145,133,142,124,141,120,136,120,133,124,132,128,132,130,130,128,125">
<area href="java script:SkiftAmt(1)" alt="Bornholms amt" shape="poly" coords="118,22,116,24,116,32,119,33,121,35,124,34,125,35,128,36,130,35,130,34,130,30,130,28,128,27,127,26,125,24,122,24">
</map>
</body>
</html>

Den kode må jeg vel ikke bruge.. Det skal være en lovlig kode der kan bruges

Til det her eksempel, har jeg brugt GeoHTML.. billede hedder "abe.jpg"

Link: http://frip.dk/thesurfer/e/q/578993/index.htm

Kode:

<!-- This document was created with GeoHTML 2.1 (http://www.fegi.ru/geohtml/) -->
<HTML>
<HEAD>
    <TITLE>untitled</TITLE>
</HEAD>
<BODY>
<IMG SRC="abe.jpg" USEMAP="#abe" WIDTH=288 HEIGHT=288 BORDER="0">

<MAP NAME="abe">
    <AREA SHAPE="RECT" HREF="#" TITLE="Diskettedrev" OnClick="alert(this.title);return false;" COORDS="138,151, 268,178">
    <AREA SHAPE="RECT" HREF="#" TITLE="Dette betyder banan" OnClick="alert(this.title);return false;" COORDS="131,112, 207,138">
</MAP>

<br><br>
Klik på "banana" eller "Floppy Drive".

</BODY>
</HTML>

Rettelse:

Link: http://frip.dk/thesurfer/e/q/504516/index.htm