how to show the tooltip when move over the textbox and show the hiddenvalue using jquery balloon

Question

User527424168 posted

Hi Friends, I have the below requirement. I have table with three columns with multiple rows. The last column has 2 textboxs one for use input and another one for hiddenvalue The requirement is 1) when the user mouse over the first text box I need a show the value of the second text box as tooltip using jquery balloon plugin. 2)when the mouse moves out of textbox it should not show plugin 3)The tooltip should not be show when the user types something in the textbox Please help

Answer 1

User1724605321 posted

Hi kmbs82,

Reference :https://urin.github.io/jquery.balloon.js/ 

Option <var>contents</var> is the plain text, HTML text, jQuery object or function. Set the <var>html</var> option to true if <var>contents</var> is a jQuery object or a string containing markup. Pass function which returns contents to update contents dynamically. Then you could try something like :

<input id="input1"  type="text" value="43" /></td>

<input id="input2" type="text"  value="13"/></td>

JS:

  $(function() {
            $('#select').balloon({contents:$("#select1").val()});
});

I would suggest you can post your questions to balloon plugin Github Issue for further support .

Best Regardsm

Nan Yu