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?
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
Post a Comment