Hi,
I have an image map marked with areas. I am having trouble in passing
the dynamic values to the ajax script.
My image map is like this
<map name="USAMap" id="USAMap">
<area shape="poly"
coords="52,143,60,106,23,96,14,137,38,208,83,244,92,210"
class="USAstates" name="CA" title="California State" href="CA-
california.html" />
<area shape="poly" coords="88,111,99,62,40,48,23,95"
class="USAstates"
name="OR" title="in Oregon State" href="OR-oregon.html" />
<area shape="poly" coords="98,61,106,22,60,10,41,15,39,47"
class='USAstates' name='WA' title='Washington State' href='WA-
washington.html' />
</map>
my jquery script is this.
<script language="javascript" >
$(document).ready(function() {
$('area.USAstates').each( function () {
var statekey = $(this).attr("name").toString();
//alert('statekey =' + statekey );
$(".USAStates").attr("rel","ajaxsearch.php").cluetip({
showTitle: true,
closePosition : "title",
sticky : true,
hoverIntent: {
sensitivity: 7,
interval: 500,
timeout: 100
},
ajaxCache: false,
ajaxSettings : {
type : "POST",
data : "state=" + statekey
},
ajaxProcess : function (data) {
return "<div>" + data + "</div>";
}
});
});});
</script>
Can some one assist me?
Thank you.
Regards
Neo M