Hej.
sitter och klurar på hur jag ska byta innehåll på en div när en karta klickas på utan att refresha sidan.
säg att det ser ut så här:
<ul class="nav">
<li><a href="index">Välkommen</a></li>
<li><a href="contact">kontakta oss</a></li>
<li><a href="about">Om oss</a></li>
</ul>
<div id="content"></div>
Och så här för att byta ut innehållet:
$(document).ready(function() {
$('#content').load('content/index.php');
$('ul#nav li a').click(function(){
var page = $(this).attr('href');
$('#content').load('content/'+page+'x.php');
return false;
});
});
Om det nu ser ut så här i html koden för min karta, vad vill jag byta ut i scriptet "ul#nav li a" mot?
<map name="m_interactive_karta_r1_c3" id="m_interactive_karta_r1_c3">
<area shape="poly" coords="25,79,66,37,101,13,130,3,150,1,220,0,231,7,239,14,242,30,246,47,252,
69,265,95,281,128,296,161,242,177,215,180,164,196,110,181,76,169,49,154,26,141,19,104,25,79"
href="vasastan" title="Vasastan" alt="Vasastan">