Người đăng: Final Fantasy
Gửi ngày 12 Tháng 4, 2008
In    Gửi mail

Thật ra bây giờ cửa sổ quảng cáo popup không được người dùng hoan nghênh lắm, và các trình duyệt cũng có các chức năng khống chế. Nhưng một số web site vẫn cần vì họ làm của sổ upload ảnh, gửi mail nhanh,... Vậy mình xin gửi một Tut về việc tạo nhanh của sổ popup trong Dreamweaver (DMX). Đặc biệt nó có thể chỉnh sửa dễ dàng và đặt thuộc tính, hơn nữa mã là Javascript chuẩn, về sau muốn sửa trực tiếp code cũng được, còn với dân thiết kế thì chỉ cần nhắp chuột.

1. Khởi động DMX, nhấn Ctrl+N để tạo mới một nội dung cần hiện trong popup

2. Chọn loại tệp web, có thể dùng bất kì loại gì, ở đây chọn HTML cho đơn giản:

3. Lưu luôn vào 1 thư mục với tên tùy ý (vd: popup_page.htm)

4. Nhập nội dung cho cửa sổ popup:

5. Làm tương tự để tạo tệp có Link gọi cửa sổ popup:
Lưu lại với 1 tên (nên lưu trong cùng thư mục với tệp popup_page.htm, ví dụ tệp này tên main_page.htm)

6. Nhập nội dung, chọn văn bản tạo đường link và nhớ là ô liên kết để trống (dùng dấu #)

7. Trong khi vẫn chọn đường link nhấn Shift+F4 để mở bảng công cụ tạo nhanh mã Javascript hoặc:

8. Trong cửa sổ này nhấn vào dấu cộng + chọn Open Browser Windows:

9. Chọn lựa các thuộc tính cho cửa sổ:

Các thuộc tính trong cửa sổ là:
- URL to display: đường dẫn tên tệp tin sẽ hiển thị trong popup, nhấn vào Browse để chọn tệp (popup_page.htm)
- Windows width, height: độ rộng của popup
- Navigation Tool bar: cho hiển thị thanh công cụ bên trên của sổ popup
- Location toolbar: cho hiển thị cả thanh nhập địa chỉ trong popup
- Status bar: cho hiển thị thanh trạng thái cuối popup
- Menu bar: thanh menu ngang
- Scroll bar as need: hiển thị thanh trượt dọc ngang nếu nội dung vượt quá kích thước popup
- Resize handle: cho phép thay đổi kích thước popup khi đã hiện lên
- Windows name: nên đặt tên để javascript quản lý (tên này không phải tên trang web:

10. Sau khi hòan tất nhấn OK, nhấn F12 để xem kết quả

11. Nếu trình duyệt chặn không cho hiện thì tắt chế độ cấm popup đi bằng cách phải chuột rồi chọn như sau:

12. Trang web chính hiện lên, nhấn vào link để mở popup

13. Đặc biệt nếu thấy popup chưa ưng ý, có thể quay lại DMX và kích chuột vào lệnh và sửa lại:

© Hòang Dương - http://www.vietphotoshop.com

Biên tập heodat - vietphtoshop.com

Xem bình luận (0)

« Trở về danh mục