I wanted to display the description of item/button/region when the mouse is moved over the respective things.
For instance, in this oracle forum page, if i move the mouse over communications, a text showing 'communications' is displayed.
Very similar to that is my requirement.
For few things, I need to display the text what we give and in few other cases, it has to fetch the details from the description column of the table in database.
I just wanted a little box to be displayed below when the mouse is moved over the respective things.
How to achieve this?? Pls help me out...
Thanks in advance
If you want to build your tooltips from scratch you need to do the follwoing:
In your page HTML Header write a tooltip, like:
<div class="myTooltip" id="aTooltip">This is a tooltip</div>
Next create two dynamic actions:
Lastly, you will need some css to make your tooltip look fancy and place it in the right position. This, offcourse depends on how your page looks like, where your item is placed, etc, etc.
I tried using the same procedure above many a times at different places, but I dinn get mouse over. am going somewhere wrong.
I have implemented in http://apex.oracle.com/pls/apex/f?p=71510:5 in the interactive reports region (username/password : test/apex14gm)
Please check it out.
I can see you added the div for the tooltip to your html and since I can't see the Tooltip text on the page in runtime, I assume you've made some dynamic action to hide the div at least on page load. However, since I can't access your application builder it's hard to judge what isn't working
Anyhow, the events you need to use are not called 'mouse over' but 'mouse enter' and 'mouse leave'. They should be visible when you create a new dynamic action, in the second step of the wizzard, right after you entered the name:
Let me now if you need any further help.
I tried using it in a new page but still I am not getting it.
workspace/username/password is test_me/test/apex14gm
under 9th page.
Please check your application now. You missed a "#" in the jQuery selector of your mouse enter dynamic action. The "#" refers to the element id. You did have it correct in the mouse levae action. It seems to work now, although you need add some css to put the tooltip in the right place and give it a correct look and feel.
gives you to helptext of page items.
to get helptext over button refer