OK, download and use this version of the script (right click and 'Save As'):
jQuery.bubbletip-1.0.6.js
And change this:
Code:
<!--[if IE]>
<link href="js/bubbletip/bubbletip-IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
.closebut {
position: absolute;
top: 19px;
right: 24px;
font-family: sans-serif;
text-decoration: none;
}
</style>
<script type='text/javascript'>
jQuery(function($){
$('.a1_right').each(function(index, trigger){
var $t = $(trigger), $c = $t.next('.tip1_right').attr('id', 'bubble_' + index);
$c.append('<a class="closebut" title="Close" href="#">x</a>');
$t.bubbletip($c, { deltaDirection: 'right' });
});
$('.closebut').click(function(e){
$(this).trigger('mouseout');
e.preventDefault();
});
});
</script>
to:
Code:
<!--[if lt IE 9]>
<link href="js/bubbletip/bubbletip-IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
.closebut {
position: absolute;
top: 19px;
right: 24px;
font-family: sans-serif;
text-decoration: none;
}
</style>
<script type='text/javascript'>
jQuery(function($){
$('.a1_right').each(function(index, trigger){
var $t = $(trigger), $c = $t.next('.tip1_right').attr('id', 'bubble_' + index);
$c.append('<a class="closebut" title="Close" href="#">x</a>');
$t.bubbletip($c, { deltaDirection: 'right' });
});
});
</script>
The browser cache may need to be cleared and/or the page refreshed to see changes.
If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
Bookmarks