Tooltips and Hover Text

[Former Member]

Does anyone know how to make Hover text stay on the screen longer then what is standard. My users are complaining because the tooltip dissappears before they can read everything.

Thanks,

Anthony

[Former Member · Accepted solution]

We had the same complaint a long time ago and decided to just implement our own some great examples can be found at http://www.dynamicdrive.com "mouse overs" and such. Maybe one day I'll come back and see if things with the standard tooltip have changed.

http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm

That link there is similiar to what we are using but we've changed the colors and fonts and everything of course.

[former_member181879 · Accepted solution]

Agree with Craig here. We are not aware of what browser (registry!) settings might influence this. And it mean a desktop to desktop change. From side of HTML, know of no solution.

You will have to roll this yourself.

One cheap idea I use, is just to hook the onmouse over. Then copy the tooltip into window status bar (at the bottom of screen). Does nor look very nice, but as quick solution might be worth a hack.

[Former Member · Accepted solution]

We did something similar with the example I gave, since most of my tooltips are OTR values it was quite easy.

[Former Member · Accepted solution]

The HTMLB inputfield does not have an "onMouseOver" command so I am getting a syntax error.

[former_member181879 · Accepted solution]

The concept of attaching onto events has now been discussed quite a few times in the last 2-3 weeks in this forum. Why not use the search function to quickly read up on this?

[Former Member · Accepted solution]

Craig, To use the HTMLB tooltip example from dynamic drive do I have to do the following code for every field I want help text on in order to get onMouseOver event to not give a syntax error?

<% tmp_string = `<input onChange="javascript:youJsfunction();"`. %> <bsp:findAndReplace find = "<input" replace = "<%= tmp_string %>" > <htmlb:inputField id = "myInputField2" value = "ABC" alignment = "left" /> </bsp:findAndReplace>

[Former Member · Accepted solution]

Either that or

      <script for="lt_date" event=oncmouseover type="text/javascript">
          youJsfunction()
      </script>

In which case you apply that to the end of your page for each and every field

or

      <script for="frm" event=onmouseover type="text/javascript">
        yourJsfunction()
      </script>

Not 100% sure if that will work or not but I use it in an example here: /people/sap.user72/blog/2005/02/07/bsp-howto-highlight-your-input-fields

[Former Member · Accepted solution]

I saw that in your weblog on javascript and input fields friday. I was going to try that this morning. Thanks,

Anthony

[Former Member · Accepted solution]

Let me know how it works out

[Former Member · Accepted solution]

Works good on everything except the radio buttons. It recognizes the "ID" for the radio button group which is perfect for a Yes/No. But I have 1 radio button that has 9 choices and the user has 9 different help text to go with it. It doesn't seem to recognize the ID at ther radio button level.

Thoughts?

[Former Member · Accepted solution]

I'm sure a bit of playing around and you might find the solution easier than you think it is at the moment if not post back and we'll take a crack at it together.

[Former Member · Accepted solution]

I tried using DIV tags inside the radio button group but that only works if I had text in the tags as well. And then the help showed up over the text and not the RadioButton. I also tried setting the ID for the java script call to RBgroupname.RBname but it didn't like that either. I really don't want each radio button to also be in it's own radio button group, but in theory that would work.

What am I missing?

[Former Member · Accepted solution]

I noticed that the tooltip has problems if you are using other CSS style sheets on the same page. I get jave page errors when it's not sure where to put the popup.

[Former Member · Accepted solution]

Have look at this article

/people/artem.gratchev/blog/2005/02/24/hacking-the-bsp-custom-looking-tooltips

This script works correctly with HTML newest and also old designs.

[Former Member · Accepted solution]

Thanks for the weblog. I tried it in a test program. I have a problem where the script blanks out my screen and I can no longer see any fields. Anyone else hit this?

[Former Member · Accepted solution]

The weblog was just missing an </script> tag

[Former Member]

I know the JavaScript solution which can be modified for use within HTMLB/BSP. I haven't tried yet. But I see this code is compatible with many browsers and very flexible.

Sorry guys, it is in russian, but you can check how it works there:

http://htmlcoder.visions.ru/JavaScript/?11

and here is the script itself

http://htmlcoder.visions.ru/js/t

I will check this with HTMLB and post here the final soulution.

[maximilian_schaufler]

I'm currently implementing an online documentation into a web application by the means of MouseOver tooltip-like information on important page elements/areas - created an own extension for this, using the DHTML ToolTip Library by Walter Zorn (<a href="http://www.walterzorn.com/tooltip/tooltip_e.htm">http://www.walterzorn.com/tooltip/tooltip_e.htm</a>.

Give me a week of time, I'm finishing my internship these days and have some pressing last-minute work to do, after that I will to write a weblog about it - stay tuned!