Avatar billede j-roar-h Nybegynder
20. juni 2014 - 14:06 Der er 2 kommentarer og
1 løsning

Interaktivi danmarkskort

Hej,

Jeg har brug for lidt hjælp til at få et interaktivt kort til at virke.

Det skal meget gerne resultere i noget ligende dette: http://www.dudal.com/flx/ydelser/interaktivt_flash_kort/kommunekort_eksempler/

Det skal dog ikke være i flash.

Jeg har rodet lidt med det, men jeg kan ikke få det til at virke. Her er det kun den ene region der er på, da jeg først vil have det til at virke før jeg laver resten. Problemet er at jeg ikke kan få den til at lave en hovereffekt.

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<style type="text/css">
#jylland1 {
    width: 133px;
    height: 134px;
    position: absolute;
    left: 71px;
    top: 14px;
}

</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
</script>
<script  type='text/javascript'>
$('.kort').mouseenter(function() {
    var region = $(this).attr('data-region');
    $(this).attr('src', 'kort3-hover.png');
    alert( region ); // her har jeg bare lavet en alert, for at vise at du kan gøre hvad du vil med "region".
});
</script>
</head>

<body>


<a href="#"><div id="jylland1"><img data-region="Jylland" src="kort3.png" alt="Kort3" class="kort" /></div></a>


</body>
</html>


Håber nogen kan hjælpe!
Avatar billede HBP2 Praktikant
21. juni 2014 - 00:02 #1
Hvad med om du fortæller hvad der sker - hvad der går galt - i hvilken forstand det ikke virker?

Mit gæt er dog at du initialiserer mouse over på et forkert tidspunkt. Al den slags initialisering skal foregå inde i

$(function() {
  // al initialisering her ...

});

for at sikre at hele siden er loadet inden noget initialiseres.
Avatar billede j-roar-h Nybegynder
23. juni 2014 - 09:30 #2
Jeg ved simpelthen ikke hvad du mener? Hvad er det der skal ind i der?

Det skal lige siges at jeg absolut intet kender til jquery.

Det der er galt er at der ikke sker noget når man kører musen over.
Avatar billede HBP2 Praktikant
23. juni 2014 - 22:33 #3
Al opsætning af click(), mouseenter() osv.) skal ske inde i

$(function() { .... });
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