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

  • 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

    Friday, June 8, 2018 4:59 PM

All replies

  • 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

    Monday, June 11, 2018 7:21 AM