how to display and hide text on mouse over using jquery or javascript? -


function hover() {      //display inside div id=dynamicdivfirstmodule  }   function hoverclear() {      //clear//  }        
<div id="dynamicdivfirstmodule"  >  <%--  dynamic div--%>      <div id="dynamicdiv"  style="display:none; border:solid;" >          <table>              <tr>                  <td class="auto-style1" rowspan="2">                      <asp:textbox id="textbox" textmode="multiline" runat="server" readonly="true" style="overflow:auto;" height="102px" width="235px"></asp:textbox>                   </td>                  <td id="hoverhere">                       <p id="hover" class="mastertooltip" onmouseover="hover();" onmouseout="hoverclear()">?</p>                  </td>              </tr>              <tr>                  <td>                      <asp:button id="delete" runat="server" text="delete" cssclass="removediv" />                          </td>              </tr>          </table>      </div>       <%--  dynamic div--%>  </div>
on mouseover want display text.. how can display text inside id=dynamicdivfirstmodule ..text display on mouse pointer tip , disappear on mouseout

as said want text appear on mouse pointer tip developed code, might you.

html

<div>a</div> <div>b</div> <span id="textspan" style="display:none;position:absolute;"></span> 

css

div{   width: 10px;   cursor :default; } 

js

$(document).ready(function(){ $("div").on('mouseover',function(e) {     var div = $(this).html();     $("#textspan").html(div).css({left:e.pagex, top:e.pagey-15}).show(); });     $("div").on('mouseout',function(e) {      $("#textspan").hide();     }); }); 

http://jsfiddle.net/cup6o3hn/3/


Comments

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -