modified some image based tooltips to support i18n

This commit is contained in:
tworrall 2013-06-14 16:10:15 -04:00
parent 5874b685cf
commit dd30f287b0
9 changed files with 38 additions and 8 deletions

View file

@ -2,14 +2,17 @@
$(document).ready(function(){
// This function creates and styles the "qTip" tooltip that displays the bubble text when the user hovers
// over the research area "group" icon.
// over the research area "group" icon.
$.extend(this, i18nStrings);
$('#researchAreaIcon').each(function()
{
$(this).qtip(
{
content: {
prerender: true,
text: ' '
text: '<div style="padding-top:0.5em;margin-left:-14px;color:white">' + i18nStrings.researchAreaTooltipOne + '</div><div style="margin-left:-14px;color:white">' + i18nStrings.researchAreaTooltipTwo + '</div>'
},
position: {
corner: {
@ -35,6 +38,9 @@ $(document).ready(function(){
style: {
padding: '0em',
height: 56,
textAlign: 'center',
fontSize: '0.7em',
lineHeight: '15px',
width: 180,
border: 'none',
background:'url(' + imagesPath + '/individual/researchAreaBubble.png) no-repeat'
@ -47,7 +53,7 @@ $(document).ready(function(){
$(this).qtip(
{
content: {
text: '&nbsp;'
text: '<div style="padding-top:0.5em;color:white">' + i18nStrings.quickviewTooltip + '</div>'
},
position: {
corner: {
@ -74,9 +80,12 @@ $(document).ready(function(){
style: {
padding: '0em',
height: 56,
textAlign: 'center',
fontSize: '0.7em',
lineHeight: '15px',
width: 140,
border: 'none',
background: 'url(' + imagesPath + '/individual/quickViewBubble.png) no-repeat'
background: 'url(' + imagesPath + '/individual/toolTipBubble.png) no-repeat'
}
});
});
@ -86,7 +95,7 @@ $(document).ready(function(){
$(this).qtip(
{
content: {
text: '&nbsp;'
text: '<div style="padding-top:0.5em;color:white">' + i18nStrings.standardviewTooltipOne + '</div><div style="color:white">' + i18nStrings.standardviewTooltipTwo + '</div>'
},
position: {
corner: {
@ -110,9 +119,12 @@ $(document).ready(function(){
style: {
padding: '0em',
height: 56,
textAlign: 'center',
fontSize: '0.7em',
lineHeight: '15px',
width: 144,
border: 'none',
background: 'url(' + imagesPath + '/individual/fullViewBubble.png) no-repeat'
background: 'url(' + imagesPath + '/individual/toolTipBubble.png) no-repeat'
}
});
});