Avatar billede mummikiks Nybegynder
10. oktober 2004 - 21:18 Der er 12 kommentarer og
1 løsning

Finde person på et Danmarkskort

Hejsa
JEg skal ved hjælp af et Danmarkskort finde nogle bestemte personer. Det skal fungere på den måde at jeg har et tomt kort over Danmark, hvorpå der er nogle røde prikker som man kan klikke på. Når man klikker på de respektive røde knapper, kommer der et side frem hvor der er information omkring personen. Måske skal det der også komme en lille box frem, med de grundlæggende informationer omkring personen, når man kører mussen over prikken!!
Jeg har set nogen lave det i php, når de har nogle forhandlere de skal vise.
Ellers havde jeg tænkt på at bruge programmerne golive eller fireworks til at lave det. Her er det muligt at lade programmet dele kortet op i mindre felter, således at hvert felt har et område man kan lave til et link!!
Omkring den lille notits, som skal dukke frem når mussen køres hen over, så ved jeg ikke om dette SKAL laves i noget java eller dette kan laves i ren html? Hvis java...nogen der har et lille script!!?
Håber at få nogle gode forslag..
Projektet skal bruges til at holde styr over ca 100 gamle kammerater.

Hilsen
Karsten
Avatar billede roenving Novice
10. oktober 2004 - 21:27 #1
Du kan bruge areas til din click-og mouseover-reaktion, find det f.eks. på www.html.dk !-)

-- til selve mouseover-funktionaliteten kan du i de areas enten bruge en title:

<area ... title="Peter Hansen&#10;Esbjerg&#10;'Badebolden'">

-- eller måske en hel del mere avanceret bruge overLib: http://www.bosrup.com/web/overlib/
Avatar billede mummikiks Nybegynder
11. oktober 2004 - 21:02 #2
Ok tak for tippet...ser kanon ud...men synes det lyder voldsomt at jeg skal indtaste koordinaterne for alle 100 menneskers placering...bliver svært at placere den røde prik det rigtige sted, da jeg ikke har noget grundlag for at vide koordinaterne på hver by..regner med at indsætte dem på et tomt kort, hvor der ikke er tegnet nogle byer!
Avatar billede roenving Novice
11. oktober 2004 - 22:00 #3
Det har du gamske ret i, altså at det er voldsomt med 100 mennesker ...

Men du kan ikke gøre det anderledes end ved at bruge koordinater, og de skal jo komme et eller andet sted fra !o]

-- såvidt jeg ved kan du godt finde internet-tjenester, som kan give dig de nødvendige koordinater, men for det første skal de alligevel på den ene eller den anden måde opbevares (hvad enten det er i en database eller direkte i html-kode !-), for det andet mener jeg, at f.eks. www.kortal.dk koster penge at bruge til den slags ...
Avatar billede olebole Juniormester
13. oktober 2004 - 19:35 #4
<ole>

Det klart letteste ville være, hvis du bruger et serversprog og en database. Så kan du lave en form som denne:

<form action="http://www.domain.dk/side.php" method="post">
<input type="text" name="navn"><br>
<input type="image" name="kort" src="kort_dk.gif">
</form>

... og lægge den i et dokument med en sti, der er svær at gætte. Så sender du en mail til alle dine venner og beder dem gå ind og skrive deres navn - og klikke på kortet præcis, hvor de bor.
På serveren kan du så hente navnet ud med $_POST["navn"] og klikkets koordinater med $_POST["kort.x"] og $_POST["kort.y"]. Dem putter du i en database ... så er du så langt  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
13. oktober 2004 - 19:55 #5
... så kunne man jo lave det nordindiske cowboyhack, jeg engang lærte af en skøge fra Rajasthans vestlige tinder (... oooh, she had da most loverly inder-face)

<script type="text/JavaScript">
var venner = new Array(
    {"n":"Sophus","x":191,"y":260},
    {"n":"Gurli","x":156,"y":212},
    {"n":"Poul-Otto","x":237,"y":213}
);
function getCoords() {
    var loc, mapCoords, x, y, v;
    loc = frames.testFR.location;
    if (loc.href=="about:blank" || loc.href.indexOf("?")==-1) return false;
    mapCoords = loc.search.substr(1).split("&");
    x = mapCoords[0].split("=")[1];
    y = mapCoords[1].split("=")[1];
    for ( i=0; i<venner.length; i++ ) {
        v = venner[i];
        if ( (v.x-5) < x && x < (v.x+5) && (v.y-5) < y && y < (v.y+5) ) {
            alert("Du har klikket på: " + v.n)
        }
    }
}
</script>

<form action="test.html" method="get" target="testFR">
    <input type="image" name="kort" src="kort_dk.gif">
</form>

<iframe name="testFR" src="about:blank" onload="getCoords()"></iframe>

Så sætter du bare PHP til at skrive dit array ud i toppen.
Avatar billede olebole Juniormester
13. oktober 2004 - 19:58 #6
PS: 'test.html' i formens action er bare et tilfældigt, tomt HTML-dokument ... det skal bare eksistere  :)
Derfor vil formen nok se sådan ud:
  <form action="http://www.domain.dk/test.html" method="get" target="testFR">
Avatar billede olebole Juniormester
13. oktober 2004 - 20:15 #7
Og du kan også lave noget à la:

<script type="text/JavaScript">
var venner = new Array(
    {"n":"Sophus","x":191,"y":260},
    {"n":"Gurli","x":156,"y":212},
    {"n":"Poul-Otto","x":237,"y":213}
);
function setDots() {
    var a, v = venner;
    a = new Array();
    for ( i=0; i<v.length; i++ ) {
        a.push("<img src=\"t.gif\" style=\"left:" + (v[i].x-5) + "px;top:" + (v[i].y-5) + "px;\" title=\"Her bor " + v[i].n + "\">");
    }
    document.getElementById("mapCont").innerHTML += a.join("");
}
window.onload = function() {
    setDots();
}
</script>

<style type="text/css">
#mapCont {
    position: relative;
}
#mapCont img {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: red;
}
</style>
<div id="mapCont">
    <img id="kort" src="kort_dk.gif" style="width:400px;height:538px">
</div>

Den kræver en lille transparent gif på bare 1x1 pixel (t.gif). Du kan naturligvis også lægge en onclick-handler på billederne  ;o)
Avatar billede mummikiks Nybegynder
14. september 2005 - 20:53 #8
Lukker
Avatar billede olebole Juniormester
14. september 2005 - 21:12 #9
- åbenbart ikke noget, der skulle bruges ...
Avatar billede mummikiks Nybegynder
14. september 2005 - 21:16 #10
Beklager olebole. Jeg anvendte faktisk din kode. Det virker i bedste velgående, men blev gjort opmærksom på mine åbne tråde og ville lukke dem med det samme. Håber at en personlig tak, kan godtgøre min gerning..
Avatar billede roenving Novice
14. september 2005 - 21:16 #11
Tajh, man kan da i hvert fald takke dig for indsatsen, når nu mummi er så kikset, at han ikke selv kan finde ud af det !-)
Avatar billede roenving Novice
14. september 2005 - 21:19 #12
Nej, intet kan retfærdiggøre at du bevidstløst skøjter igennem gamle tråde og 'bare' lukker dem, for det er præcis ikke hvad du er blevet gjort opmærksom på ...

-- du er blevet gjort opmærksom på, at du skal sørge for at opføre dig således, at folk tror, at du ikke bare er en fusentast, og det er præcis det, du nu har gjort opmærksom på, at du er ,-(
Avatar billede olebole Juniormester
14. september 2005 - 23:09 #13
Jeg er egentlig ligeglad med points - og tager imod din tak. Nu var det roenving, du fik et par på hovedet af, men faktisk plejer mine taster også at sidde ret løst, hvad det angår.

Det er absolut ikke fordi, jeg ønsker, at folk skal kysse mine fødder - men man bør altid huske på, at selvom webfora virker som en maskine, der bare står og kører, så er der tale om et interface bag hvilket, der sidder ganske almindelige mennesker, som lægger andet til side og hjælper, når de bliver bedt om det.
Bliver de behandlet som 'en maskine, der bare står og kører', kører den maskine ikke længe  ;o)

Som sagt modtager jeg takken - og håber, du tager erfaringen med dig  :)
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