Avatar billede mema Nybegynder
20. juni 2005 - 12:41 Der er 6 kommentarer og
1 løsning

Image map i ASP

Hej,
Jeg har en ASP side hvor der findes et banner. Jeg vil gerne lave 2 link-område på dette banner. Banneret er en jpg-fil.

Koden i ASP-fil hvor billedet er defineret ser sådan ud:

"<table width=""" & intTableWidth & """ border=""0"" cellspacing=""0"" cellpadding=""0"">" & _
  "<tr>" & _
  "  <td valign=""top"" width=""750"" & height=""107""  & intTableWidth-26 & "" background=""" &

application("root") & "project/images/banner_01.jpg""><span class=""title"">"

&Session("library").getPhrase(49) & "</span></td>" & _
  "  <td valign=""top""></td>" & _
  "</tr>" & _
  "</table>"

og konden i (HTML) som jeg vil integrere i ASP ser sådan ud (jeg ved næsten ingeting om ASP kodning):

<map name="banner"><area shape="circle" coords="674,50,50" href="http://www.google.com" alt="Søg i Google" target="_blank"><area shape="rect" coords="12,8,133,98" href="http://www.yahoo.com" alt="Søg i Yahoo" target="_blank"></map>

Jeg håber at nogen kan hjælpe mig ved det.
Avatar billede softspot Forsker
20. juni 2005 - 13:00 #1
Du skal nok bruge noget HTML der ligner dette:

<img src="" width=100 height=100 usemap="#test">
<map name="test">
    <area shape="rect" coords="0,0,50,50" href="#a1" alt="Dette er område 1">
    <area shape="rect" coords="50,0,100,50" href="#a2" alt="Dette er område 2">
    <area shape="rect" coords="0,50,50,100" href="#a3" alt="Dette er område 3">
    <area shape="rect" coords="50,50,100,100" href="#a4" alt="Dette er område 4">
</area>
Avatar billede softspot Forsker
20. juni 2005 - 13:06 #2
Ups! Det sidste </area> skal lige udskiftes med </map>

Du skal (såvidt jeg ved) have et image du kan binde dit map til, hvilket betyder at du ikke kan bruge det baggrundsbillede du har nu. Det er nok ikke så godt for dig, da det ser ud til at du skriver noget variabelt tekst ovenpå billedet...
Avatar billede mema Nybegynder
20. juni 2005 - 13:49 #3
Jeg har brugt din kode på følgende måde, men der vises intet linkområde på hjemmesiden:

"<table width=""" & intTableWidth & """ border=""0"" cellspacing=""0"" cellpadding=""0"">" & _
  "<tr>" & _
  "  <td valign=""top"" width=""750"" & height=""107""  & intTableWidth-26 & "" background=""" & application("root") & "project/images/banner_01.jpg"" & _
usemap=""#banner"">" & _
  " <map name=""banner""><area shape=""rect"" coords=""10,10,70,70"" href=""http://www.google.com"" alt=""Google""> " & _
  " <area shape=""rect"" coords=""400,10,460,70"" href=""http://www.yahoo.com"" alt=""Yahoo""></map><span class=""title"">"
&Session("library").getPhrase(49) & "</span></td>" & _
  "  <td valign=""top""></td>" & _
  "</tr>" & _
  "</table>"
Avatar billede softspot Forsker
20. juni 2005 - 13:57 #4
Bemærk hvad jeg skrev i det sidste post, nemlig at du skal bruge et IMG for at få MAP til at fungere (da map skal kobles sammen med et IMG via usemap-attributten på IMG-tagget).

Jeg vil således mene at din kode skal se nogenlunde sådan ud (jeg forstår ikke helt hvad intTableWidth-26 skal der hvor den står, men det er for mig egentlig også ligegyldigt):

"<table width=""" & intTableWidth & """ border=""0"" cellspacing=""0"" cellpadding=""0"">" & _
  "<tr>" & _
  "  <td valign=""top"" width=""750"" height=""107"" " & intTableWidth-26 & "><IMG src=""" & application("root") & "project/images/banner_01.jpg"" & _
usemap=""#banner"">" & _
  " <map name=""banner""><area shape=""rect"" coords=""10,10,70,70"" href=""http://www.google.com"" alt=""Google""> " & _
  " <area shape=""rect"" coords=""400,10,460,70"" href=""http://www.yahoo.com"" alt=""Yahoo""></map><span class=""title"">"
&Session("library").getPhrase(49) & "</span></td>" & _
  "  <td valign=""top""></td>" & _
  "</tr>" & _
  "</table>"
Avatar billede softspot Forsker
20. juni 2005 - 13:59 #5
Hmm... der er vist lidt flere steder hvor der mangler anførselstegn. Prøv i første omgang at lave siden i ren HTML og vent med at konvertere til ASP til det fungerer. Det er vist lettere at fejlfinde hvis du ikke blander to opgaver sammen :)
Avatar billede mema Nybegynder
20. juni 2005 - 15:10 #6
Tak for svaret. Nu virker den med små justeringer:-)
Send venligst et svar.
Avatar billede softspot Forsker
20. juni 2005 - 15:22 #7
Det fik du der :)
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
Kurser inden for grundlæggende programmering

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