Avatar billede starleicht Nybegynder
15. december 1999 - 09:57 Der er 4 kommentarer og
1 løsning

"Dynamisk" imagemap

Jeg har et imagemap, hvor de enkelte hotspots har 3 links, og afhængig af hvilken af 3 radiobuttons, der er valgt, sendes man til det korrekte link.

Jeg går udfra jeg skal have et javascript/formular med 3 radiobuttons. I imagemappen tjekkes hvilken radiobutton, der er valgt, når man dytter på et hotspot, og man sendes til den korrekte side.

Jeg kunne nok selv lave det men har ikke tid, så derfor udlover jeg point for en færdig løsning.

MVH Starleicht
Avatar billede skjoldby Nybegynder
16. december 1999 - 20:35 #1
Det fatter jeg minus af. Kan du ikke smække en url ud kun med html'en. Så kan det være jeg fatter det.

mvh
skjoldet
Avatar billede starleicht Nybegynder
17. december 1999 - 11:03 #2
Avatar billede olebole Juniormester
25. december 1999 - 22:07 #3
Hi Starleicht.
Dette her gør det:

--------------------------
<html>

    <head>
<script language=JavaScript><!--

    var mapIndex = 1;
   
function setMapIndex(ind) {
    mapIndex = ind;
}

function goThere(url) {
    document.location = url + mapIndex + ".html";
}


// -->
</script>
    </head>

    <body bgcolor=white>
        Ok, Skjoldy.<br>
        Hvert hotspot har 3 HTML-sider, som man afh&aelig;ngig af hvilken radiobutton er markeret, bliver sendt til:<br>
        <br>
        <form name=etellerandetnavn>
        <input type=radio checked  name=bla onclick=setMapIndex('1')>Status for lokaliteten &nbsp;<input type=radio name=bla onclick=setMapIndex('2')>Analyseresultater &nbsp;<input type=radio name=bla onclick=setMapIndex('3')>Dato for unders&oslash;gelse
        <table>
            <tr>
                <td><img src=Amt_nord1.gif border=0 usemap=#Amt_nord><map name=""></map></td>
            </tr>
        </table>
        </form>
<a href=java script:goThere('enURL');>test1</a><br>
<a href=java script:goThere('enAndenURL');>test2</a><br>
<a href=java script:goThere('enTredieURL');>test3</a>
    </body>

</html>
--------------------------

Det forudsætter, du har kaldt dine html'ere: 'enUrl1.html','enURL2.html','enURL3.html','enAndenURL1.html', osv.
I stedet for de grimme default radiobuttons kan du bruge billeder, der på onclick swap'er billedet og sætter variablen 'mapIndex'...det bliver noget kønnere.
/olebole
Avatar billede olebole Juniormester
25. december 1999 - 22:14 #4
UPS... 'enUrl1.html' i nederste kommentar skulle selvfølgelig have været: 'enURL1.html'.
Behøver jeg at sige, at href'erne skal skrives ind i area'erne i map'et?
/olebole
Avatar billede starleicht Nybegynder
04. februar 2000 - 08:24 #5
Hej olebole - kunne du ikke have valgt et lidt mere flatterende navn?!?!

Jeg har først lige opdaget, at der er blevet svaret på mit spm.
Der blev ikke behov for ovenstående løsning alligevel - men nu har jeg løsningen til en anden god gang.

MVH Starleicht
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