javascript - jQueryvmap with Bootstrap Popover Content -


i trying implement bootstrap popover in jqueryvmap region click event.

jsfiddle default hello message :- http://jsfiddle.net/perlfanatic/kd6fm/6/

jsfiddle "message" variable :- http://jsfiddle.net/perlfanatic/kd6fm/7/

i trying implement this http://jsfiddle.net/perlfanatic/kd6fm/7/ i.e, message jqvmap on popover.

reference : https://github.com/manifestinteractive/jqvmap#dynamic-updating

can please me out. not javascript friendly user, don't use much, please kind on javascript noobbrain.

<script type="text/javascript">     var message;     jquery('#vmap').vectormap({         map: 'world_en',         backgroundcolor: null,         color: '#ffffff',         hoveropacity: 0.7,         selectedcolor: '#666666',         enablezoom: true,         showtooltip: false,         values: sample_data,         scalecolors: ['#c8eeff', '#006491'],         normalizefunction: 'polynomial',onregionclick: function(element, region) {         var message = 'this country '           + region;         },     });     jquery(document).ready(function(){             jquery('.jvectormap-region').popover({                 placement: 'bottom',                 container: 'body',                 content: "hello",                 trigger: 'click'             })         }); </script> 

thanks

is looking for? changing label?

http://jsfiddle.net/kd6fm/25/

jquery('#vmap').vectormap({         map: 'world_en',         backgroundcolor: null,         color: '#ffffff',         hoveropacity: 0.7,         selectedcolor: '#666666',         enablezoom: true,         showtooltip: true,         values: sample_data,         scalecolors: ['#c8eeff', '#006491'],         normalizefunction: 'polynomial',     onlabelshow: function(event, label, code) {         label.text('this country '           + label.text());         }     });     jquery(document).ready(function(){             jquery('.jqvmap-region').popover({                 placement: 'bottom',                 container: 'body',                 content: message,                 trigger: 'click'             })         }); 

Comments

Popular posts from this blog

plot - Remove Objects from Legend When You Have Also Used Fit, Matlab -

java - Why does my date parsing return a weird date? -

Need help in packaging app using TideSDK on Windows -