Jquery tooltip for sharepoint 2013 list (newform.aspx)

Question

I am looking for a simple solution/jquery tooltip for SharePoint list form fields.
Something like below , but this one displays static text for each column and want tooltip text for each of my list column
<script type="text/javascript" language="javascript" src="/wz_tooltip.js"></script><o:p></o:p>
<a href="#" onmouseover="Tip('(This is test tooltip )');" onmouseout="UnTip();">
Thanks in advance!
<o:p></o:p>
Amrita Talreja

Answer 1

When you assign "Description" for every field in sharepoint list.SharePoint by default show this desc in a span just below the field control , like this.
<span class="ms-metadata">This is simple desc</span>
What you can try in jquery/javascript is to -
- Search for this span [class="ms-metadata"] in your form table (table[class="ms-formtable"])
- save its text() in a variable - var txtDesc = $("span selector").text();
- Hide this span -$("span selector").hide()
- Now you have dynamic desc message , you can add this as an "Title" attribute to your field control (textbox and other control)
- $("your field control selector").attr("Title", txtDesc );
Or can add a hyperlink for this -
<a href="#" onmouseover="Tip('"+ txtDesc +"');" onmouseout="UnTip();">
Thanks
Ganesh Jat [My Blog |
LinkedIn | Twitter ]
Please click 'Mark As Answer' if a post solves your problem or 'Vote As Helpful' if it was useful.