Avatar billede k-asp-er Nybegynder
17. november 2004 - 00:46 Der er 1 kommentar og
1 løsning

mapping - Z-index - mange points

Denne kode

<map name="FPMap0">
<area href="http://aarhus.dk" shape="circle" coords="20, 20, 20"></map><img border="0" src="file:images/kort.jpg" usemap="#FPMap0" width="1000" height="1000">

sætter et hyperlink på et kort

Jeg ville gerne, når man havde fundet koordinaterne på kortet, at man så via z-index kunne placere en lille rød prik (gif) der så kunne bære hyperlinket.

Altså det faktisk samme kort to gange
Et i et administrativt regi, hvor klik på kortet placerer giffen og giver mulighed for at oprette hyperlink samtidig (med Acronym title)

Og et til visning, hvor giffen er placeret og man ved at klikke på de røde prikker navigerer via hyperlinket.

Jeg har noget kode - til visningen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>
<TITLE>Noget</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="" name=copyright>
<SCRIPT>
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
//var isIE = (navigator.appName.indexOf("Microsoft") !=-1);

function handlerDC(e){
Xdc = (isNav) ? e.pageX : event.clientX
Ydc = (isNav) ? e.pageY : event.clientY
document.dataholder.dcX.value=Xdc
document.dataholder.dcY.value=Ydc
//document.dataholder.dcY.value=Ydc
}
function handlerMO(e){
Xmo = (isNav) ? e.pageX : event.clientX
Ymo = (isNav) ? e.pageY : event.clientY
document.dataholder.moX.value=Xmo
document.dataholder.moY.value=Ymo
}
if (isNav){
document.captureEvents(Event.DBLCLICK);
}
document.ondblclick = handlerDC;
</SCRIPT>
<LINK media=screen href="style.css" type=text/css rel=stylesheet>

</HEAD>

<BODY leftMargin=0 topMargin=0>

<ACRONYM title="Vejen&#13;&#10;Århus"><A
href="http://www.aarhus.dk/adresse1.asp?lid=1&amp;omr=1#03"><IMG
style="Z-INDEX: 3; LEFT: 284px; POSITION: absolute; TOP: 198px"
src="dot.gif" width=6 border=0></A></ACRONYM>

</BODY>
</HTML>

som virker, men jeg kan ikke få den til at placere dot.gif

Jeg har også koden, der ved klik på kortet angiver x- og y-koordinater. Dertil er jeg kommet - og så er jeg kørt fast.

Mvh.
K-asp-er
Avatar billede roenving Novice
24. december 2004 - 23:18 #1
-- du kan f.eks. gøre det ved at placere et div-tag rundt om dit grundbillede, og så placere dot.gif absolut efter kortet ...

<map name="FPMap0">
  <area href="http://aarhus.dk" shape="circle" coords="20, 20, 20">
</map>
<div style="position:relative">
  <img border="0" src="images/kort.jpg" usemap="#FPMap0" width="1000" height="1000">
  <img src="dot.gif" style="position:absolute;top:20px;left:20px;height:20px;width:20px;">
</div>
Avatar billede k-asp-er Nybegynder
29. januar 2005 - 01:05 #2
Har sendt dem et kort og nogle farveblyanter
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