Skip to main content

JQuery Tool Tip plug in Tipsy

You may found many jQuery tooltip plug in from the web. Here I am going describe the one of them which one is the best as per my opinion to use with the ASP.NET.

JQuery  Tool Tip plug in Tipsy.

You can get the more information and how it work by click over here.

Following are the Steps to use this wonder full plug in into you asp.net page.

Step 1: Download the latest Jquery library js. and Tipsy plug in js.

Step 2: Add the reference of these js file into the page header. JQuery library js must be added before the Tipsy plug in js.

Step 3: Now add the following Java script block at the end of you .aspx page.

$(document).ready(function() {
    $("*[title]").tipsy({ gravity: $.fn.tipsy.autoNS });
})

Step 4: You done with it. Enjoy the exiting Tool tip on your page.

NOTE: If you are going to use the partial page post back. In simple word if you are going to use update panels in you page then you have add following code into you Page_Load event.

ScriptManager.RegisterStartupScript(UpdatePanel1, GetType(), "tooltip", "$('div[class*=\"tipsy\"]').remove(); $('*[title]').tipsy({ gravity: $.fn.tipsy.autoNS });", true);

Please visit the Tipsy site to know how to change the CSS and default behaviour of the plug in to make it customize as per your need.




Labels:

Popular posts from this blog

LINQ union with group by

In my recent development activity with LINQ query, I need to get the some of user points from tow different tables where user's points are based on some activities. There are many users who are into one table but not in another table and some are in both table. For example tables having data like this Table 1 UserID   Points 1           10 2           20 Table 2 UserID    Points 2           20 3           30 Result should be UserID    Points 1           10 2           40 3           30 I try to get this result with LINQ query using joins and group by samples from the web. I had googling to get something useful but dont get any success. So I try with new logic and here it is, I think it will help full to other also. Example Item class to use public class Item {   public int ID { get ; set ; }   public int Total { get ; set ; }   public Item()   {   }   public Item( int ID, int Total)   {     this .ID = ID; this .Total = Total;   }
read more >>

SqlConnection from ObjectContext.Connection

Following is C# code to get the  SqlConnection from ObjectContext.Connection . This is usefully to run dynamically created query using ADO.NET using connection string specified into the EDMX ObjectContext object. C# Code Example : using ( EntityContext context = new EntityContext ()) { EntityConnection ec = ( EntityConnection )context.Connection; SqlConnection sc = ( SqlConnection )ec.StoreConnection; SqlDataAdapter da = new SqlDataAdapter (strQuery, sc); DataSet ds = new DataSet (); da.Fill(ds); return ds.Tables[0]; }
Post a Comment
read more >>

Get Tables and Columns Names by LINQ

Here I am explaining one of the tricks to get all table name list along with column of it from your DataContext. I am using the System.Data.Linq.Mapping.MetaModel to get information about tables and it have much more database related information. Following are the code to list all table name along with column from your DataContext. //DataContext object. DataClassesDataContext DB = new DataClassesDataContext ();         //String variable to stor html to render. string strHtmlToLoad = "" ;         //Heading strHtmlToLoad = "<-h2->Table Names<-/h2-><-ol->" ;         //Loop through tables add name to string foreach ( var mTable in DB.Mapping.GetTables()) { strHtmlToLoad += "<-li->" + mTable.TableName + "<-ul->" ; //Loop through table's columns add name to string foreach ( var mColumn in mTable.RowType.DataMembers) strHtmlToLoad += "<-li->
read more >>