CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mick Nybegynder

26. august 2001 - 15:23 Der er 6 kommentarer og
1 løsning

Mærke X/Y koordinater i image

Jeg har behov for at vise nogle geografiske data, på et kort, på en web-site. Da det bare skal være helt enkelt, ønsker jeg ikke at instalere en eller anden form for map-server til formålet.

Jeg forestiller mig noget kode, som kan markere et kryds en givet X/Y avstand (i pixels) fra øverste venstre hjørne. Hvis jeg da f.eks. har et kort (i jpg eller gif) som er 500X500 pixels i størrelse, vil jeg ved at sende 250, 250 til koden, få markeret et punkt midt på kortet/biledfilen.

Det er sikkert muligt at lave dette i Java, men det kan jeg ikke. Findes der noget færdig kode jeg kan bruge, ellerer der nogen som kan hjelpe mig?

Vil det være muligt at lave det i f.eks. ASP, vha. et eller andet komponent?

Synes godt om

! Nybegynder

26. august 2001 - 15:33 #1

Øjeblik !!

Synes godt om

vladimirr Nybegynder

26. august 2001 - 15:36 #2

Synes godt om

mick Nybegynder

26. august 2001 - 15:41 #3

vladimirr> Jeg forstår ikke helt din kode. Er dette standard HTML?

Synes godt om

vladimirr Nybegynder

26. august 2001 - 15:51 #4

Synes godt om

mick Nybegynder

26. august 2001 - 16:01 #5

OK, jeg forstår. Men dette er jo bare et image map. På denne måde får jeg jo ikke tegnet afgrænsningen til hvert <AREA>, da dette er gennemsigtigt.

Synes godt om

olebole Juniormester

26. august 2001 - 19:57 #6

<ole>

<html>
<head>

<script language=\"JavaScript\">
var xPic = \"kryds.gif\"; // Sti til kryds-billede
var xW = 10; // X-billed bredde
var xH = 10; // X-billed højde
var mapPosL = 100; // Kortets x-position
var mapPosT = 75; // Kortets y-position

var ns4 = (document.layers)? true : false;
var ie4 = (document.all)? true : false;
var pic = new Image();
pic.src = xPic;
function setKryds(x, y) {
obj = (ns4)? document.layers[\"kryds\"] : (ie4)? document.all[\"kryds\"] : document.getElementById(\"kryds\");
styleObj = (ns4)? obj : obj.style;
styleObj.left = (x-xW)+mapPosL;
styleObj.top = (y-xH)+mapPosT;
styleObj.visibility = \"visible\";
}
</script>

</head>
<body>

<div id=\"kort\" style=\"position:absolute;left:100px;top:75px;z-index:1;\"><img src=\"dit_kort.gif\" width=\"500\" height=\"500\"></div>

<div id=\"kryds\" style=\"position:absolute;visibility:hidden;z-index:2;\"><img src=\"kryds.gif\"></div>

<a href=\"java script:setKryds(250,250);\">test (250,250)</a><br>
<a href=\"java script:setKryds(150,250);\">test (150,250)</a><br>
<a href=\"java script:setKryds(350,50);\">test (350,50)</a><br>

</body>
</html>

/mvh
</bole>

Synes godt om

olebole Juniormester

26. august 2001 - 20:03 #7

Du skal lave et billede \'kryds.gif\' på 10*10 pixels...et kryds på transparent baggrund. Har det et andet mål, skal du rette variablerne \'xW\' og \'xH\'.
\'mapPosL\' og \'mapPosT\' er kortbilledets koordinater. Dem du sætter i \'<div id=\"kort\" style=\"....left:100px;top:75px;....\'
/mvh

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Kodning af element i custom css Af Jacob Hedelund i Andet programmering	3	14/10/202410:35	14/10/202419:46
Delphi 11 - converter webp til jpg fil Af juzas i Andet programmering	5	12/10/202413:28	14/10/202403:54
Trim tekst i batch script Af Dan Elgaard i Andet programmering	5	05/09/202411:08	10/09/202415:29
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS