Go to your blog admin area, head to the "Write" page, move your mouse over the "Add media" tiny icons: you probably had noticed it already, WordPress 2.5 comes with a neat tooltip function. Using it in your own plugins is so easy that a hamster could do it.
First, in the HTML output of your plugin page, add a new classname — say "givemesometips" — to some elements, and give them a meaningful title.
HTML:
-
<p>The question mark hides a tooltip! <span class="givemesometips" title="Hello, I am a tip">?</span></p>
-
<p>This image too! <img src="someimage.gif" alt="some image" title="I am a tip, too!" class="givemesometips" /></p>
Now, somewhere in your plugin page, add this Javascript call:
HTML:
-
<script type="text/javascript">
-
jQuery(document).ready( function() {
-
jQuery('.givemesometips').tTips(); // tooltipize elements with classname "givemesometips"
-
});
-
</script>
And that's it. If your hamster cannot do this, consider upgrading it! For your convenience, here is a sample dummy plugin with tooltip examples in the page it creates under the Setting menu. Have fun!
Pages: [1] 2 » Show All
wrote, on 15/Apr/08 at 4:52 pm # :
Cool advice, thanks for sharing. I just wrote "easily integrated tooltips" on my upgrading to wordpress 2.5 pro/con list. In the pro category obviously.
pingback on 15/Apr/08 at 8:52 pm # :
[...] Wordpress. Go ahead, subscribe to our feed! You can also receive updates from this blog via email.How-To: Use WordPress 2.5 Tooltips Ozh has done it again! Have you noticed the cool little hover over tooltips on the WordPress 2.5 [...]
wrote, on 15/Apr/08 at 10:04 pm # :
Thanks for the tips on these 'extras' but i prefer a good working version of wp 2.5 without the 'extras'.
commented, on 16/Apr/08 at 12:49 am # :
Cool tips.
Thank you.
replied, on 16/Apr/08 at 1:12 am # :
Thanks for the nice tips, I still need some time to figure out everything in 2.5.
pingback on 16/Apr/08 at 2:09 am # :
[...] How-to add WordPress 2.5 Tooltips on Your Plugin by Ozh. [...]
wrote, on 16/Apr/08 at 4:54 am # :
Very good job Ozh. Very backwards compatible as well.
replied, on 16/Apr/08 at 5:07 am # :
thanks for the nice and easy follow tips.
thought, on 16/Apr/08 at 6:09 am # :
Thanks for the tip. Must try it out!!!
trackback on 16/Apr/08 at 6:37 am # :
?? WordPress2.5 ?????...
planetOzh ????????????????? WordPress2.5 ????????????????
????????????????????????? my_tTips???????? title ???
......
replied, on 16/Apr/08 at 6:44 am # :
very nice tip ;-)
thought, on 16/Apr/08 at 6:58 am # :
Thanks for the tips! This'll come in handy.
My only worry is that if we have too many plugins adding a custom class for tooltips (all of which call the same js function) might it not get a little crowded? Wouldn't it be easier if WP Core simply defined a specific class for us to use and we all used that same class?
pingback on 16/Apr/08 at 8:30 am # :
[...] How-To: Use WordPress 2.5 Tooltips (tags: wordpress) [...]
thought, on 16/Apr/08 at 9:08 am # :
Great plug-in, thanks
thought, on 16/Apr/08 at 10:56 am # :
very good ,i think it is simple
said, on 16/Apr/08 at 12:13 pm # :
Nice and short! Its always amazing to see that with jquery nice effects are so simple to create.
replied, on 16/Apr/08 at 6:00 pm # :
Communism section is producing this error:
Fatal error: Cannot use string offset as an array in /home/.batly/planetozh/planetozh.com/blog/wp-content/plugins/youfave/wp_ozh_youfave.php on line 163
thought, on 16/Apr/08 at 6:52 pm # :
I don't really get what this is doing.
Ahmm, what plugin page should I edit??
wrote, on 16/Apr/08 at 9:52 pm # :
ketsugi » There's no problem with this. Each plugin will define its own javascript applying tooltips on their own classname. One plugin page with class="mytip" and another plugin page with class="tooltip" won't interfere nor be loaded at the same time.
wrote, on 16/Apr/08 at 9:54 pm # :
amolpatil2k » Sometimes it breaks, yeah. I'll have to investigate :)