Windows LiveWindows Live™
 
 
Jagadish's profileJagadish Pulakhandam'sPhotosBlogListsMore Tools Help

Blog
    June 15

    TIP: Highlighting ASP.NET 2.0 GridView rows on mouseover (using CSS)

    In my example, the GridView definition looks something like the following:

    <asp:GridView ID="GridView1" runat="server" AllowSorting="True" AutoGenerateColumns="False"
    DataSourceID="odsrcEmp">
    <Columns>
    .
    .
    .
    </Columns>
    <AlternatingRowStyle BackColor="#FFC0C0" />
    </asp:GridView>

    I added the StyleSheet at the top as following:

    <head runat="server">
    <title>Untitled Page</title>
    <style type = "text/css">
    tr.row:hover, tr.over td { background-color: #ffccff; }
    </style>
    </head>

    In the code behind, the following was coded:

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not IsPostBack Then
    EnableHighLightGrid(Me.GridView1.ClientID)
    End If
    End Sub

    Private Sub EnableHighLightGrid(ByVal GridViewClientID As String)
    If Not Page.ClientScript.IsClientScriptBlockRegistered("jsHighLightGridRowsFor" & GridViewClientID) Then
    Dim sb As New StringBuilder
    sb.AppendLine("<script type=""text/javascript"" language=""javascript"" >")
    sb.AppendLine("startHighlight = function()")
    sb.AppendLine("{")
    sb.AppendLine(" if (document.all && document.getElementById)")
    sb.AppendLine(" {")
    sb.AppendLine(" navRoot = document.getElementById(""" & GridViewClientID & """);")
    sb.AppendLine(" tbody = navRoot.childNodes[0];")
    sb.AppendLine(" for (i = 1; i < tbody.childNodes.length; i++)")
    sb.AppendLine(" {")
    sb.AppendLine(" node = tbody.childNodes[i];")
    sb.AppendLine(" if (node.nodeName == ""TR"")")
    sb.AppendLine(" {")
    sb.AppendLine(" node.onmouseover=function()")
    sb.AppendLine(" {")
    sb.AppendLine(" this.className = ""over""")
    sb.AppendLine(" }")
    sb.AppendLine(" node.onmouseout=function()")
    sb.AppendLine(" {")
    sb.AppendLine(" this.className = this.className.replace(""over"", """");")
    sb.AppendLine(" }")
    sb.AppendLine(" }")
    sb.AppendLine(" }")
    sb.AppendLine(" }")
    sb.AppendLine("}")
    sb.AppendLine("window.onload = startHighlight; ")
    sb.AppendLine("</script>")
    Page.ClientScript.RegisterClientScriptBlock(Me.GetType, "jsHighLightGridRowsFor" & GridViewClientID, sb.ToString)
    End If

    I tweaked the above code from beautiful explanation available at http://aspnet.4guysfromrolla.com/articles/021605-1.aspx. Thanks Scott!

    Regards,
    Jag

    9:34 AM | Add a comment | Read comments (6) | Permalink | Blog it | ASP.NET
    June 13

    TIP: Placing "Search" message in ASP.NET textbox using JavaScript

    Hello,
     
    I would like to have an ASP.NET textbox with a message "Search" in it.  If it receives focus, "Search" should be erased.  If the focus is lost, "Search" should be back.  If the user types anything other than "Search", the user typed message should remain.
     
    It is a small trick using javascript as follows (place the script in <head> section):
     
    <
    script language="javascript">
      function ReceivedFocus(ctl)
      {
        if (ctl.value=="Search")
        {
        ctl.value=
    "";
        }
      }
      function LostFocus(ctl)
      {
        if (ctl.value == "")
        {
        ctl.value=
    "Search";
        }
      }
    </
    script>
     
    Finally, add the following in the page_load event:
     
    Protected
     Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
      If Not IsPostBack Then
        Me.TextBox1.Text = "Search"
        Me.TextBox1.Attributes.Add("onfocus", "ReceivedFocus(this);return true;")
        Me.TextBox1.Attributes.Add("onblur", "LostFocus(this);return true;")
      End If
    End Sub
     
     
    11:28 AM | Add a comment | Permalink | Blog it | ASP.NET
    June 05

    Part 1:Programming Crystal Reports with ASP.NET 2.0

    Hello,

    My new article focusing on "Programming Crystal Reports With ASP.NET 2.0" got published here:

    http://www.aspfree.com/c/a/ASP.NET/Programming-Crystal-Reports-with-ASP-NET-2-0/

    Enjoy.

    Thanks

    Jag

    10:30 AM | Add a comment | Permalink | Blog it | ASP.NET