How to display the link dynamically on placing the cursor on a field?

Question

Hello Experts,
I have a requirement like, if i place the cursor on the prospect name in the details window of opportunity, prospects' email id should appear as a link. (Example: as tool tip appears when we place cursor on a field). I should be able to click on that email id to navigate from opportunity window to compose mail window.
How can I achieve this functionality?
Regards
DNR Varma

Answer 1

It's an interesting question.
And I plan to write blog or wiki post on it.
But right now out of time to design it in a beautiful big-post-style.
So I'll just give you some ideas and later I'll publish detail scenario for this.
1. First of all you need to put a javascript function in your view htm page and include jquery and cluetip in it too as described in mentioned blog.
2. Then you need to create your own bsp element (tag) which will create a link with attributes onmouseover and rel since there is no standard element with such attributes. For this create your own bsp extension and copy bsp element Link from THTMLB bsp extension into it (enharite classes from thtmlb:link too). Then add two attributes 'rel' and 'onmouseover' to z-element and redefine DO_AT_BEGINNING method of element handler class:
some problems with posting the code so [take a look at screenshot here|http://twitpic.com/7cp563].
3. Then you need to implement chtmlb form iterator interface in some class. Good place is your view controller class. Put the IF_CHTMLB_FORM_ITERATOR on its interface tab. And implement the only method it has IF_CHTMLB_FORM_ITERATOR~RENDER_CELL_START (remember that this is a quick example so you need to adjust the code to your needs):
also [take a look at another screenshot|http://twitpic.com/7cp5ot].
4. Set chtmlb form iterator for your page.
<%@page language="abap" %>
<%@extension name="thtmlb" prefix="thtmlb" %>
<%@extension name="chtmlb" prefix="chtmlb" %>
<%@extension name="bsp" prefix="bsp" %>
//!!! here must be jquery and cluetip includes with definition of CallTooltip function
<%
* Form iterator
cl_chtmlb_config=>set_iterator( controller ). //!!! here we set iterator for chtmlb form
%>
<chtmlb:config mode = "RUNTIME"
              xml  = "<%= controller->configuration_descr->get_config_data( ) %>" />
That's it!
Hope this will help you.