Submit your Ajax or Web 2.0 related website into human edited directory!
2 submission types : Free (BASIC) and Affordable (PREMIUM)
|
|
|
HelpBalloon.js version 2.0
|
|
I’ve completed my updating of my aging AJAX help balloons / tool tips / dialog balloons / whatever you want to call them.
New features included:
Less library dependence. It’s still prototype.js-based and dependent, but no longer requires Scriptaculous nor the prototype “improvement” script that they previously used. You can optionally still use Scriptaculous if you want the sexy fading effects. Just include the scriptaculous.js file in your document and the balloons will detect it and use it, no configuration needed. (However, if you want to use different Scriptaculous effects than the standard Fade and Appear, you can set the hideEffect and/or fadeEffect options to whatever you want… Doesn’t even have to be Scriptaculous, just Scriptaculous-compatible)
Use any object as an anchor point. This was available in later revisions of v1, but I’ve solidified it’s support. Simply assign the anchoring element as the balloon’s icon property at instantiation. (See the example page for details)
Anchor postioning control. This feature allows you to move the anchor around within your icon for fine-tuning the balloon’s display. (See the example page for details)
Non-caching remote data requests. If you’ve ever tried to use v1 of the balloons with dynamic data, you’d know that once the balloon makes it’s first request, it caches the request result and would not make subsequent calls for fresh data. You can now force the balloon to make a fresh request before each showing using instantiation options. (See the example page for details)
Fixed direction assignment. By default, the balloons will position themselves based on available realestate, but you can now assign a fixed direction using instantiation options. (See the example page for details)
Still 100% free, now released under the MIT open source license.
Better organized and fully commented/documented code. This was a complete refactor/rewrite of the code base, and I made sure to comment the code very thoroughly and try to explain my reasoning (or insanity) as best I could. In addition, I’ve written a proper API page, and have revisited the examples page.
|
|
www.beauscott.com | Details | hits : 115 |
|
-
RSS Feeds : Discussion About :
-
By: Ram - 22-07-2011
set the property in Helpballon.js
e.g.
this.balloonDimensions[0] = 250;
this.balloonDimensions[1] = 180;
Here 250 width and 180 height. this will help you to resize your balloon. Also its better if you use the images of same dimention as mentioned aboue for ballon.
-
By: Corbin - 29-06-2011
I'm trying to assign the tool tip to 3 different images but it can only be applied to one image :/
-
By: msprod - 17-05-2011
hello, i'm french
i have probleme with php and HelpBalloon :
code :
result : echo Array ["title"];
any want help me please ?
-
By: msprod - 17-05-2011
hello, i'm french
i have probleme with php and HelpBalloon :
code :
result : echo Array ["title"];
any want help me please ?
verry Thanks to all
-
By: koçluk - 10-04-2011
thank you very much for this flexible and well-documented tooltip!
-
By: Vimm - 30-03-2011
Yup, it's a well known incompatibility since both libraries use $ as an alias. There are ways around it though. If you include jquery after prototype and then call jQuery.noConflict() both libraries will work, but you will need to substitute "jQuery" for "$" in all of your code.
-
By: Vimm - 30-03-2011
Just a heads up, but I noticed that HelpBalloon 2.0 uses document.getElementsByClassName which was deprecated in prototype 1.6, and has been removed as of 1.6.1.
-
By: Irishmaninusa - 02-03-2011
Any word on if you converted this to jquery or if there is a plugin that is very similar to how this works.
-
By: Beau - 16-02-2011
Actually, the way I did it *is* easier. Slicing a skin and getting it to scale the background of the balloon is the hard part, and was beyond my scope/need of this component. However, I am working on an advanced skinning techinque in the next version.