Thư viện

Trải nghiệm

Thứ Bảy, tháng 9 10, 2011

Tạo cửa sổ popup sử dụng Javascript

Đôi khi bạn phải sử dụng Popup window để tạo liên kết đến một trang web khác. Popup window thường xuyên được sử dụng trong thiết kế web

Chia sẻ:
Tạo cửa sổ popup sử dụng Javascript
Đôi khi bạn phải sử dụng Popup window để tạo liên kết đến một trang web khác. Popup window thường xuyên được sử dụng trong thiết kế web. Bạn hãy click chuột vào liên kết Demo dưới đây để thấy tác dụng của thủ thuật này.

Xem Demo:


☼ Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản blogger
2. Vào mẫu  => chọn Chỉnh sửa HTML
3. Dán code bên dưới vào sau thẻ <head>.
<script type="text/javascript">
//<![CDATA[
function OpenPopup(Url,WindowName,width,height,extras,scrollbars) {
var wide = width;
var high = height;
var additional= extras;
var top = (screen.height-high)/2;
var leftside = (screen.width-wide)/2; newWindow=window.open(''+ Url + 
'',''+ WindowName + '','width=' + wide + ',height=' + high + ',top=' + 
top + ',left=' + leftside + ',features=' + additional + '' + 
',scrollbars=1');
newWindow.focus();
}
//]]>
</script>
4. Lưu mẫu lại. và tiến hành bước tiếp theo.

» Code chèn popup.

Tiếp theo thiết lập cấu trúc HTML như sau và đặt tại vị trí muốn hiển thị liên kết đến một trang web khác.
<a href="javascript: void(0);" onclick=" javascript:OpenPopup('http://namkna.blogspot.com/','WindowName','510','280','scrollbars=1');">Tên Hiển Thị</a>
Trong đoạn code HTML ở trên, bạn cần thay đổi những phần được đánh dấu màu đỏ cho phù hợp.

8 nhận xét:

  1. cám ơn namkna,bài viết rất tuyệt :)

    Trả lờiXóa
  2. @ Đoàn Minh Tú: Mình vừa đăng cách đây chưa đầy 2 phút đã có người Comment
    Cám ơn bạn đã ủng hộ =))

    Trả lờiXóa
  3. Admin, cho mình hỏi.
    Mình chơi popads.net, và get được một đoạn code java script.
    Vậy mình phải thêm vào template thế nào để mỗi khi khách chuyển liên kết trên blog mình sẽ có pop up hiện ra. Cám ơn bác trước.

    Trả lờiXóa
  4. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
    Trả lời
    1. Bạn chưa hề chèn thì nó không hiển thị là đúng rồi.

      Xóa