modified some image based tooltips to support i18n
This commit is contained in:
parent
5874b685cf
commit
dd30f287b0
9 changed files with 38 additions and 8 deletions
|
@ -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: ' '
|
||||
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: ' '
|
||||
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'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue