diff --git a/productMods/css/visualization/mapofscience/layout.css b/productMods/css/visualization/mapofscience/layout.css index 429f6309..732f23bd 100644 --- a/productMods/css/visualization/mapofscience/layout.css +++ b/productMods/css/visualization/mapofscience/layout.css @@ -11,7 +11,7 @@ #map-of-science-info { margin-bottom: 6px; - margin-top: -6px; + margin-top: 6px; } .hide-dom-on-init { diff --git a/productMods/js/visualization/mapofscience/Utils.js b/productMods/js/visualization/mapofscience/Utils.js new file mode 100644 index 00000000..90778902 --- /dev/null +++ b/productMods/js/visualization/mapofscience/Utils.js @@ -0,0 +1,49 @@ +/* $This file is distributed under the terms of the license in /doc/license.txt$ */ + +$(document).ready(function(){ + + // This function creates and styles the "qTip" tooltip that displays when the user hovers over the info icons. + $('.filterInfoIcon').each(function() + { + var tipText ; + var tipLocation = "topLeft"; + if ( $(this).attr('id') == 'imageIconOne' ) { + tipText = $('#toolTipOne').html(); + } + else if ( $(this).attr('id') == 'imageIconTwo' ) { + tipText = $('#toolTipTwo').html(); + } + else { + tipText = $('#toolTipThree').html(); + tipLocation = "topRight" + }; + $(this).qtip( + { + content: { + text: tipText + }, + position: { + corner: { + target: 'center', + tooltip: tipLocation + } + }, + show: { + when: {event: 'mouseover'} + }, + hide: { + fixed: true // Make it fixed so it can be hovered over + }, + style: { + padding: '6px 6px', // Give it some extra padding + width: 500, + textAlign: 'left', + backgroundColor: '#ffffc0', + fontSize: '.7em', + padding: '6px 10px 6px 10px', + lineHeight: '14px' + } + }); + }); + +}); \ No newline at end of file diff --git a/productMods/templates/freemarker/visualization/mapOfScience/mapOfScienceStandalone.ftl b/productMods/templates/freemarker/visualization/mapOfScience/mapOfScienceStandalone.ftl index c91cc66f..797a4d11 100644 --- a/productMods/templates/freemarker/visualization/mapOfScience/mapOfScienceStandalone.ftl +++ b/productMods/templates/freemarker/visualization/mapOfScience/mapOfScienceStandalone.ftl @@ -15,21 +15,12 @@ corresponding changes in the included Templates. --> --> -