Avatar billede etlekana Nybegynder
18. september 2000 - 16:21 Der er 11 kommentarer og
1 løsning

Imagemap & multivalg på dropdown

Hvordan gør jeg sådan at jeg kan vælge/fravælge ting fra en dropdown ved hjælp af en image map? Sådan at hvis der f.eks er et billed med 3 ting på, så hvis man klikker en af dem, vælger den den ovre i min dropdown, og hvis man så klikker den igen fravælger den det.

Mvh Etle
Avatar billede 8800 Nybegynder
18. september 2000 - 16:50 #1
Jeg vil gerne forsøge, men jeg skal bruge en 3-dages tid på det, og 3 dage= 60 points? det tror jeg nu ikke...
Avatar billede etlekana Nybegynder
18. september 2000 - 16:52 #2
100 point :o)
Avatar billede 8800 Nybegynder
18. september 2000 - 16:54 #3
500 points, men du kan altid trække dem tilbage hvis jeg ikke kan alligevel :-)
Avatar billede etlekana Nybegynder
18. september 2000 - 17:00 #4
Oki.

Du får 500 point hvis du har det klar om 3 dage :o)
Avatar billede 8800 Nybegynder
18. september 2000 - 20:01 #5
vil prøve, men er ikke sikker på at jeg kan, da jeg skal lave en Hp for en af mine venner :-) men prøver!!
Avatar billede erikjacobsen Ekspert
18. september 2000 - 20:45 #6
Det skal du ikke vente på. Det er nemt nok - hvis ellers jeg har forstået
spørgsmålet korrekt: http://eksperten.i.hasselager.net/javascript/26036a.htm

<html>
<head>
<title> Varer </title>
<script language=\"JavaScript\">
<!--
var a = Array(0,0,0);
function toggle(n) {
  if (a[n]) {
    document.f.s.options[n].selected=false;
    a[n]=0;
  } else {
    document.f.s.options[n].selected=true;
    a[n]=1;
  }
} 
//-->
</script>
</head>

<body bgcolor=\"#FFFFFF\">
<img src=\"26036b.gif\" width=\"119\" height=\"150\" usemap=\"#valg\">
<map name=\"valg\">
<area shape=\"rect\" coords=\"13,2,74,60\" href=\"#\" onclick=\"toggle(0);\">
<area shape=\"rect\" coords=\"76,3,117,57\" href=\"#\" onclick=\"toggle(1);\">
<area shape=\"rect\" coords=\"32,63,114,146\" href=\"#\" onclick=\"toggle(2);\">
</map>

<form name=\"f\">
<select name=\"s\" multiple size=\"3\">
<option value=\"0\">Økse</option>
<option value=\"1\">Komfur</option>
<option value=\"2\">Pære</option>
</select>
</form>

</body>
</html>
Avatar billede etlekana Nybegynder
18. september 2000 - 20:48 #7
Det er den, men hvordan laver jeg de areas på et billed?

Mvh Thomas
Avatar billede erikjacobsen Ekspert
18. september 2000 - 20:52 #8
Jeg gættede, med et almindeligt billedprogram ved siden. Så de er ikke
så præcise, og kun firkanter. Prøv et eller andet program, f.eks.
  http://www.boutell.com/mapedit
Avatar billede etlekana Nybegynder
18. september 2000 - 20:54 #9
Jeg siger tusind tak min ven :O)
Avatar billede hatecaps Nybegynder
18. september 2000 - 21:03 #10
lige en lille kommentar til erik

sålænge der ikke er sat multiple op på selecten behøver du kun
document.f.s.options[n].selected=true
i funktionen ;-)

etlekana >> det vigtigste i et imagemap er de koordinater du angiver. I Erik\'s eksemple bruger han tre rektangler, de mest brugte former i et imagemap. Rektangler angives med pixelpunktet for øverste venstre hjørne og nederste højre hjørne. Hvis du åbner det billede du vil bruge i et godt grafikprogram, vil du normalt når du fører musen over billedet, se hhv en x- og en y-værdi. Det er disse tal du skal bruge til at angive koordinaterne.

Udover rektangler kan du bruge cirkler og polygoner. En cirkel angives med tre koordinater (nogle siger fire men tre virker ALTID). de to første koordinater er midterpunktet, og det tredje koordinat er radiusen på cirklen. Eks:
<area shape=\"circle\" coords=\"102,139 46\" href=\"#\">

et polygon er rar at ha\' da det tillader dig at bruge komplicerede former, f.eks en stjerne.
Når du bruger et polygon skal du angive et koordinat-par for hvert \"hjørne\" i polygonet. eks:
<area shape=\"polygon\" coords=\"12,12 40,12 40,40 50,40 50,12 90,12 90,50 12,50\" href=\"#\">
dette giver et hestesko-lignende område på billedet.

selve placeringen af imagemap\'et foregår i img tag\'et, som erik har vist dig, dog ville jeg skrive ISMAP med i img-tag\'et. Det vigtige er dog at du bruger samme navn for usemap-værdien i img-tag\'et og name værdien i map-tag\'et.

jeg håber det kan hjælp dig videre  :-) 
Avatar billede hatecaps Nybegynder
18. september 2000 - 21:03 #11
øv øv og atter øv erik, først kommer du lige før mig med svaret, dernæst med forklaringen ;-)
Avatar billede erikjacobsen Ekspert
18. september 2000 - 21:54 #12
Det er en flot forklaring, hatecaps. Jeg mener at forstå at det skal være med flere valg,
hvis man nu vil have både en økse og et komfur (jeg er vist kommet til at bytte om på
noget, *g*). Jeg ville *ikke* skrive ISMAP i <img>, for det er gammel sag, dengang det
var serveren, der holdt styr på områderne. Så blev der sendt en  ...?x=12&y=19 med
over (efter hukommelsen) - men det skal der jo ikke her. Men det gør nok ingen forskel.
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