Ngôn ngữ ASP.NET - Điều khiển AdRotator
Điều khiển AdRotator của Web Forms
Điều khiển AdRotator được dùng để tạo ra các banner quảng cáo cho trang web, nó tự động thay đổi các hình ảnh (đã được thiết lập trước) mỗi khi có yêu cầu, PostBack về server.
Để tạo LinkButton bạn có thể viết code hoặc kéo thả từ công cụ trực quan của Visual Studio.
Cú pháp tạo điều khiển AdRotator:
<Advertisements>
<Ad>
<ImageUrl>Đường dẫn đến tập tin hình ảnh</ImageUrl>
<NavigateUrl>Đường dẫn đến liên kết</NavigateUrl>
<AlternateText>Chuỗi văn bản được hiển thị như Tooltip</AlternateText>
<Keyword>Từ khóa dùng để lọc hình ảnh</Keyword>
<Impressions>Tần suất hiển thị của hình ảnh</Impressions>
</Ad>
</Advertisements>
- ImageUrl: Đường dẫn đến một tập tin hình ảnh
- NavigateUrl: Đường dẫn đến trang web sẽ được liên kết đến khi người dùng nhấn vào hình ảnh đang hiển thị.
- AlternateText: Giá trị này sẽ được hiển thị nếu như đường dẫn đến tập tin hình ảnh (qua thuộc tính NavigateUrl) không tồn tại. Đối với một số trình duyệt, tham số này được hiển thị như ToolTip của hình quảng cáo.
- Keyword: Được dùng để phân loại các quảng cáo. Thông qua giá trị này, ta có thể lọc các quảng cáo theo một điều kiện nào đó.
- Impressions: Tham số này quyết định tầng suất hiển thị của hình ảnh. Giá trị này càng lớn, khả năng hiển thị càng nhiều.
- KeywordFilter: Được dùng để chọn lọc và hiển thị những hình quảng cáo có giá trị của tham số Keyword = giá trị của tham số này.Giá trị của tham số này mặc định không được thiết lập -> Hiển thị tất cả những hình có trong tập tin XML. Trong trường hợp nếu không có hình nào có giá trị Keyword bằng giá trị của thuộc tính này, sẽ không có hình nào được hiển thị.
- Target: Qui định cửa sổ hiển thị trang liên kết
- _blank: Trang liên kết sẽ được mở ở một cửa sổ mới.
- _self: Trang liên kết sẽ được mở ở chính cửa sổ chứa điều khiển.
- _parent: Trang liên kết sẽ được mở ở cửa sổ cha.
Sự kiện
AdCreated: Xảy ra khi điều khiển tạo ra các quảng cáo.
Các thuộc tính của AdRotator
| Thuộc tính | Ý nghĩa |
| (ID) | Qui định tên của điều khiển. Tên của điều khiển là duy nhất. |
| AccessKey | Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng. |
| Attributes | Tập hợp các thuộc tính của điều khiển HTML |
| BackColor | Qui định màu nền của điều khiển. |
| BorderColor | Qui định màu đường viền của điều khiển. |
| BorderStyle | Qui định kiểu đường viền của điều khiển. |
| CommandName | Tên lệnh. Được sử dụng trong sự kiện Command |
| BorderWidth | Qui định độ rộng của đường viền. |
| CssClass | Qui định hình thức hiển thị của điều khiển qua tên CSS. |
| Enabled | Qui định điều khiển có được hiển thị hay không. Giá trị mặc định của thuộc tính này là True – được phép hiển thị. |
| Font | Qui định Font hiển thị cho điều khiển |
| ForeColor | Qui định màu chữ hiển thị trên điều khiển |
| Height | Qui định chiều cao của điều khiển |
| ToolTip | Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển. |
| Width | Qui định độ rộng của điều khiển. |
| AdvertisementFile | Đường dẫn đến tập tin file xml |
Window thuộc tính của AdRotator
Ví dụ: Tạo Trang web Quangcao (Tạo Quảng cáo sử dụng điều khiển AdRotator)
Bước 1. Thiết kế giao diện
Bước 2. Tạo tập tin dữ liệu: Quangcao.xml
- Sử dụng chức năng Add New Item… từ thực đơn ngữ cảnh
- Chọn XML File trong hộp thoại Add New Item
- Nhập vào cú pháp qui định cho tập tin Quangcao.xml (theo cú pháp của tập tin Advertisement)
<?xml version="1.0" encoding="utf-8" ?>
<Advertisements>
<Ad>
<ImageUrl>~/images/logo-hiepsiit.png</ImageUrl>
<NavigateUrl>http://www.hiepsiit.com</NavigateUrl>
<AlternateText>Học lập trình trực tuyến</AlternateText>
<Keyword>Java, PHP, CSS, HTML</Keyword>
<Impressions>10</Impressions>
</Ad>
</Advertisements>
Bước 3. Thiết lập thuộc tính cho điều khiển adQuangcao
- AdvertisementFile: Quangcao.xml
- Target: _blank (Khi nhấn vào sẽ hiển thị liên kết ở cửa sổ mới.)
- KeywordFilter: Không thiết lập (Hiển thị tất cả các hình ảnh)
Bước 4. Thi hành ứng dụng
Code AdRotator.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AdRotator.aspx.cs" Inherits="AdRotator" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
.bg {
background-color:blue;
color:white;
text-align:center;
font-weight:bold;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 39%; height: 139px;border:double;">
<tr>
<td class="bg">Quảng Cáo </td>
</tr>
<tr>
<td>
<asp:AdRotator ID="AdRotator1" runat="server" AdvertisementFile="~/QuangCao.xml" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Kết quả :
