Tooltip on iBrowser

[Former Member]

Hi,

Can anyone please assist how to add tootip on iBrowser listbox.

Based on selected item of iBrowser i need to display tooltip over iBrowser.

Is there any way to do this?

[Former Member · Accepted solution]

Maybe some complex Javascript utility can do this.

The functionality does not exist in standard xMII. You may want to google for a HTML/Javascript function to do this.

[Former Member]

Thanks a lot Sascha Wenninger and Ryan for your help.

I'll try with <div> tag.

In fact what i tried was

i had set title property of <td> as applet is within <td>

It is displaying title as tootltip but only when i move mouse pointer out of

applet area.

but this is not serving actual purpose of tootip.

I will try wid <div > tag and some javascript functionality.

Thanks a lot u both.

[Former Member]

The other thing that you can do is create a regular HTML select object from the applet.

You can do this by hiding the applet (1x1) and calling an update event that populates a select object based on data in the grid. Or, probably a better way is to use a servlet to create the HTML select object on the server.

The benefit to doing this in your case is it may allow you to use/create some javascript functionality to create a popup. But, I'll let you research that functionality as it isn't standard functionality to xMII.

[sufw]

Hi Shalaka,

unfortunately, I think that even JavaScrip won't help you achieve this. Java applets such as the iBrowser are rendered on 'top' of any other element by the browser, which means you can't use a HTML div element or something similar to create a tooltip.

Maybe a solution would be to create a "message area" close to the iBrowser:

<div id="messageArea" style="visibility: hidden;"></div>

In your iBrowser applet tag, specify a SelectionEvent:

<applet id="iBrowserApplet">
...
<property name="SelectionEvent" value="showMessage"/>
...
</applet>

In JavaScript, you then need a method called "showMessage" which accepts no arguments:

 function showMessage(){
  //get selected iBrowser element
  var iBrowser = document.getElementById("iBrowserApplet").getBrowserObject();
  var selectedItem = iBrowser.getSelectedItem();
  
  //set message area text and unhide
  document.getElementById("messageArea").innerHTML = "<span>" + selectedItem + "</span>";
  document.getElementById("messageArea").style.visibility = "visible";
}

Hope this helps,

Sascha