DataList Mouse over Highlight

Hi,

I have a Datalist that displays my items in my Database. I have an Item Template that Displays a Picture, ItemCode, Item Description, Price and then a Quantity TextBox with a "add" Button.

Is it possible to put a border, change the color, or something of that sort when a user mouse over an Item in the Datalist? If it is possible, How would I do that?

Thanks
ALawrence007Asked:
Who is Participating?
 
daveamourConnect With a Mentor Commented:
Ok heres a very quick exampel to get you on the rigth track:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DataList.aspx.cs" Inherits="DataList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:datalist ID="Datalist1" runat="server">
            <ItemTemplate>
                <div style="background-color: White;" onmouseover="this.style.background = 'red';" onmouseout="this.style.background = 'white';">
                    '<%# Eval("Title") %>'<br />
                </div>
            </ItemTemplate>
        </asp:datalist>    
    </div>
    </form>
</body>
</html>

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class DataList : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        ArrayList data = new ArrayList();

        Page p1 = new Page();
        Page p2 = new Page();
        Page p3 = new Page();

        p1.Title = "AAAAA";
        p2.Title = "BBBBB";
        p3.Title = "CCCCC";

        data.Add(p1);
        data.Add(p2);
        data.Add(p3);

        Datalist1.DataSource = data;
        Datalist1.DataBind();
    }
}

Hope this helps
0
 
ALawrence007Author Commented:
That was quick and easy.
Thanks
0
All Courses

From novice to tech pro — start learning today.