homepage Welcome to WebmasterWorld Guest from 54.161.175.231
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
Using singleSelect but leaving background selections on and retrieving
Imagemapster singleSelect jQuery
Spudlogic




msg:4569885
 4:31 am on May 2, 2013 (gmt 0)

I think I'm pretty close. The idea is to have the background sections turned on according to the data from the API (this one, if you want to try it [propertysolutions.com...] and still have the functionality of mouseover and select. To get me close I used James' Beatles demo. I'm about there but can't seem to add singleSelect without turning off the background.

$(function () {
var inArea,
map = $('#beatlesIMG'),

single_opts = {
fillColor: '000000',
fillOpacity: 0,
stroke: true,
strokeColor: 'ff0000',
strokeWidth: 2
},
all_opts = {
fillColor: 'ffffff',
fillOpacity: 0.6,
stroke: true,
strokeWidth: 2,
strokeColor: 'ffffff'
},
initial_opts = {
mapKey: 'data-name'
};
opts = $.extend({}, all_opts, initial_opts, single_opts);

map.mapster('unbind')
.mapster(opts)
map.mapster('set_options', all_opts)
.mapster('set', true, 'all')
.mapster('set_options', single_opts);
});

Fiddle - [jsfiddle.net...]

Would love to hear some suggestions. Thanks!

 

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved