Hướng dẫn tạo menu xổ xuống (drop-down menu)
#đăng bởi Anhvo lúc 01:44:00 AM ngày 16 tháng 10 năm 2007
internet advertising
Trong HTML, để tạo một menu xổ xuống, các bạn dùng thẻ
kết hợp với các thẻ với những tham số và giá trị cần thiết... Tôi viết bài này khá chi tiết, đọc xong bạn sẽ hiểu được nguyên tắc làm drop-down menu và có thể tự tạo cho mình Label dạng xổ xuống. CODE tạo menu xổ xuống như sau: CODE 1: display1 display2 display3 ....... displayn Đoạn CODE trên có nhiều tham số, nhưng nếu chỉ tạo menu xổ xuống (drop-down) ta chỉ cần chú ý các chỗ màu đỏ. Ở dòng đầu tiên là onchange="javascript:self.location.href=this.options[this.selectedIndex].value". Mã này dùng để xử lý sự kiện khi ta click chọn menu thì trình duyệt sẽ chuyển trang đến trang được chọn. Trang được chọn nằm trong các thẻ bao gồm địa chỉ của trang ( v1, v2, v3,...) và dòng text hiển thị tương ứng (như display1, display2,...). Mã size ="-1" là để chỉ bề rộng của menu. Nếu giá trị là -1 thì menu sẽ tự canh. Bạn có thể thay -1 bằng giá trị nguyên dương khác nếu muốn menu hiện đúng kích cỡ mình thích. Một chú ý nữa là chữ selected . Chữ này có tác dụng hiển thị giá trị của option cần chọn làm mặc định. Bạn có thể cho selected ở option nào mà bạn thích tuy nhiên chỉ có thể cho 1 selected mà thôi. Ví dụ với đoạn code như sau: CODE 2: Google Blogger.com Anh Võ Yahoo! Mail sẽ thể hiện thành: Ta sửa từ dòng cho đến dòng thành: (thực ra bạn chỉ cần xóa và copy paste thôi) CODE 4: Choose a Label 
Các ý kiến mới nhất