The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
ie bug
| Project: | BeautyTips |
| Version: | 0.9.5-rc1 |
| Component: | Code |
| Category: | bug report |
| Priority: | critical |
| Assigned: | cybermill |
| Status: | patch (code needs review) |
Jump to:
Jeff,
Your bt plugin rocks!
However, i did find a bug in ie7 and ie8. (haven't checked ie6)
I was able to get the bug to repeat on your example page.
check out the link you have for:
$('#example15').btOff();
This link erred on ie7 and ie8 on two different computers.
I'm getting the same errors on my pages as well and I feel relatively confident we are not alone.
You're so close to coding perfection here. Let me know if there is something I can do to minimize this problem. I'm getting this issue on mouse out.
Any additional information I can supply, please ask and I will provide.
Jeff
- Login to post comments
Comments
#1
here is the error message from ie8.
Line: 19
Error: 'this[...].style' is null or not an object
Again, for me it is only triggered on mouse out.
#2
I can confirm this :(
#3
Confirmed here, too.
#4
I confirm this too. Building a site in Drupal and implementing beautytips, but only in IE(8) I get the following error:
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; InfoPath.1; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Tue, 14 Jul 2009 14:36:01 UTC
Message: 'this.style' is null or not an object
Line: 31
Char: 774
Code: 0
URI: ../sites/all/modules/jquery_update/replace/jquery.min.js?P
I'm running the 6.x-dev version (jQuery 1.3.2) of jQuery Update and your plugin is loaded via the jQuery Plugin module. No other libs were activated from the Beautytips release than jquery.bt.js
It seems to happen only when mousing out towards the beautytip itself. So when my cursor is moving off the anchor and almost on the beautytip. Mousing out in any other direction seems to be working fine not resulting in errors.
I don't consider the priority to be critical, as this does not stop the functioning of the plugin on the page. It just leaves an 'error on page' which I find irritating and my select crowd of users will be calling techsupport about this. *sigh* :D
Anyway, thx for the nice, full featured and well documented plugin. I'm surely gonna use this one a lot more in the near future!
#5
A possible workaround to this bug is to use the jquery.hoverIntent.minified.js, as the bug (i'm experiencing) resulting in the this.style... JQuery lib error was resolved when i added the hoverIntent plugin.
The issue is very likely related to the native HoverOn event for BeautyTips.
thanks for a great plugin, top tooltip plugin IMO.
Peter @ tadpolesoftware.com
#6
i found similar error, but its not bound to mouseover, or mouseout only - it happens anytime btOff function is called. The error itself is not fired from BT, but from underlying JQ 1.3.2, the error is mentioned in the posts above. By "alerting" line by one i was able to trace the cause of error, its the line of bt,js
hideTip: function(box, callback) {
{
$(box).hide();
box.hide causes this error. I createdy very quick and very dirty workaround solution that works for me, maybe some will find it usefull too :)
hideTip: function(box, callback) {
try
{
$(box).hide();
}
catch(err)
{
}
callback(); // you MUST call "callback" at the end of your animations
},
by adding the TRY/CATCH error handling i was able to remove this error in IE8 and the code works as expected. Hope this helps to track down the issue :)
Radek Havelka
http://www.valka.cz
#7
Here is the fix (replace identical code in your bt file), do the same the hover events if your not using hoverIntent plugin:
if (opts.trigger[0] == 'hoverIntent') {
var hoverOpts = jQuery.extend(opts.hoverIntentOpts, {
over: function() {
this.btOn();
},
out: function() {
// POB Check if tip not currently active, then skip - resolves Jquery style bug
if(!$(this).hasClass('bt-active')){return;}
this.btOff();
}});
$(this).hoverIntent(hoverOpts);
}
I've also enhanced the tool to allow tips to be fully disabled and re-enabled again, you can grab a minified enhanced version from my site. Sample = http://www.tadpolesoftware.com/OnlineForms/OnlineForm.aspx?iTemplateID=2... .... When the page loads PLAY the demo and automated tips roll out.
To disable Tips and reenable with my enhanced plugin use:
<**** Code snipip to reenable tips that where previously created, then disabled ****>
$('.TIPOFF').each(
function(){
iTCount++;$(this).removeClass('TIPOFF');
$(this).addClass('TIP')
});
<*** Disable all tips ************>
$('.TIP').each(
function(){
$(this).removeClass('TIP');
$(this).addClass('TIPOFF');});
Enjoy - Peter @ www.TadpoleSoftware.com
#8
Hi Peter,
I added hoverIntent plugin. But still getting this error.
I am having this problem on focus event.
Any help.
Thanks.
Eva
#9
Here's the fix that's needed:
change
this.btOff = function() {var box = $(this).data('bt-box');
to
this.btOff = function() {var box = $(this).data('bt-box');
if (typeof box == 'undefined') {
return;
}