Thông thường, khi bạn thiết kế project, thì để cho project thêm phần sinh động thì chúng ta sẽ thêm phần highlight cho current Page.
Nghĩa là sao, nghĩa là khi người dùng đang ở Page nào thì chúng ta cho nó “sáng” page đó ở trên thanh menu lên. Tựa như kiểu dùng css với thuộc tính active vậy. Nhưng đối với ASP.Net mà có sử dụng Master Page, thì điều này khá khó khăn.
Bài viết sau sẽ hướng dẫn bạn cách làm này
Bước 1
Trong Master page chúng ta thêm 2 button image như đoạn code sau
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<form id="form1" runat="server"> <div> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td><asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/home.gif" BorderStyle="None" BorderWidth="0px" EnableViewState="False" onclick="ImageButton1_Click" /></td> <td><asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/about.gif" BorderStyle="None" BorderWidth="0px" EnableViewState="False" onclick="ImageButton2_Click" /></td> </tr></table> <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> </form> |
Bước 2
Với mỗi Page nội dung chúng ta thêm đoạn code sau vào đầu
|
1 |
<%@ MasterType VirtualPath=”~/MasterPage.master” %> |
Bước 3
Thêm đoạn code sau vào hàm Page_load của mỗi page tương ứng
Default.aspx
|
1 2 3 4 5 6 |
protected void Page_Load(object sender, EventArgs e) { ImageButton img = (ImageButton)this.Master.FindControl("ImageButton1"); img.ImageUrl = "~/images/home-over.gif"; } |
Default2.aspx
|
1 2 3 4 5 |
protected void Page_Load(object sender, EventArgs e) { ImageButton img = (ImageButton)this.Master.FindControl("ImageButton2"); img.ImageUrl = "~/images/about-over.gif"; } |
Chiêm ngưỡng thành quả nào
Vậy là xong rồi đó, chúc bạn thành công với những project đẹp
