Lave et koordinatsystem

Er det kun prikkerne, der skal sættes på ?-)

-- altså ikke noget tekst e.l.

Jeg vil mene det kun er prikkerne (der skal selvfølgelig være tekst, men det er en anden javascript funktion, da teksten skal vises ved siden af billedet.

Grunden til koordinatsystemet er at det også skal være muligt at klikke på de enkelte amter, og få dem forstørret op, men med de samme prikker i det valgte amt.

Tjah, man kan jo godt lave noget med at man onload konstruerer en hel stribe html-elementer (her img-tags !-) og positionerer dem på baggrund af data, som er skrevet ud som en javascript-variabel ...

-- men hvordan det skal spille sammen med forstørrelses-funktionen kan jeg ikke lige se, for de elementer vil jo komme til at ligge ovenpå (baggrunds-)billedet ...

-- og man kan også uden problemer sætte properties på elementerne, hvis de også ligger i variablen, men den skal jo så kunne opdeles efter amter (som jo forøvrigt nedlægges om lidt mere end et år !-) og måske have alternative koordinater til den visning ...

Hejsa,

Jeg tror, det, du leder efter, er lige her: http://www.lol.dk/tutorial.asp?id=jxi

Der er en god guide til, hvordan man bruger det.

Med venlig hilsen,
Sebastian

Altså jeg havde tænkt mig at lave et regnestykke til hvor meget der skal lægges til og trækkes fra for at det passer, når man klikker på et amt.

Vi har indtil videre al dataen liggende i en database og havde tænkt os at lave endnu et felt deri, hvor der skulle angives et koordinatsæt til hver prik.
Kan det lade sig gøre... Jeg er nemlig lidt lost! :D

Det er muligt jeg formulerer mig forkert, men det er ikke hvad jeg søger, Sebastian. Desværre!

Tjah, f.eks.

<script type="text/javascript">
var prikker = new Array();

//her kalder du din database og genererer linjer som de efterfølgende:

prikker[prikker.length] = [100,200,"Ringkøbing",10];//eksempel med venstre, top, titel og amt
prikker[prikker.length] = [300,400,"København",1];

window.onload = function(){
  var pic;
  for(i=0;prikker.length>i;i++){
    pic = document.createElement("img");
    pic.src = "prik.gif";
    pic.style.position = 'absolute';
    pic.style.left = prikker[i][0] + 'px';
    pic.style.top = prikker[i][1] + 'px'
    pic.title = prikker[i][2] + " -- Amt nr. " + prikker[i][3];
    document.body.appendChild(pic);
  }
}
</script>

Ok... ja, det ligner faktisk meget godt... skal lige rode lidt med det...
Nu starter koordinatsystemet i øvre venstre hjørne... kan det starte i nedre venstre hjørne?

Nej, browseren (css !-) starter i øverste venstre hjørne, men du kan jo bare konvertere det ved at trække værdien fra kortets højde ...

Det virker faktisk fint som det er tror jeg... har ihvertfald fået den til at tage værdierne fra databasen, og det var det mit spørgsmål gik på... smider du svar, så får du point.
Tak for kompetent og hurtig hjælp!

Velbekomme '-)

-- og behold selv nogen af dine point ved selv at lægge svar også !-)

;O)

Så deler vi?

Jo, tak for point ;~}