Trang chủ » Lập trình » Tạo cửa sổ pop up với javascript

Tạo cửa sổ pop up với javascript

1492 Lượt xem

Hôm nay mình xin chia sẻ với các bạn một thủ thuật tạo cửa sổ pop up trên trang web của bạn, thủ thuật này rất hữu ích cho những ai có nhu cầu làm pop up quảng cáo hay các lý do khác, các bạn chỉ đơn giản thực hiện các bước như sau :

pop up, thu thuat javacript, quảng cáo, pop up với javascript, javascript tips

Bước 1: Tạo hàm

<SCRIPT language=”JavaScript”>
function popup_window(url,w,h)
{
var width=w;
var height=h;
var from_top=350;
var from_left=500;
var toolbar=’no’;
var location=’no’;
var directories=’no’;
var status=’no’;
var menubar=’no’;
var scrollbars=’yes’;
var resizable=’yes’;
var atts=’width=’+width+’show,height=’+height+’,top=’+ from_top+’,screenY=’;
atts+= from_top+’,left=’+from_left+’,screenX=’+from_left+ ‘,toolbar=’+toolbar;
atts+=’,location=’+location+’,directories=’+direct ories+’,status=’+status;
atts+=’,menubar=’+menubar+’,scrollbars=’+scrollbar s+’,resizable=’+resizable;
window.open(url,’win_name’,atts);
}
</SCRIPT>

Giải thích các tham số

– width – chiều rộng tính bằng pixel
– height – chiều cao tính bằng pixel
– from_top – khoảng cách từ top màn hình đến top của cửa sổ window
– from_left – khoảng cách từ trái màn hình đến trái của cửa sổ window
– toolbar – chứa các nút như Back, Forward… Opera không hổ trợ thuộc tính này
– location – hiển thị location bar
 directories – đường dẫn. không được hổ trợ bởi Opera, Safari và Explorer trên máy Mac
– status – thanh trạng thái, Opera không hổ trợ
 menubar – thanh menu như File, Edit … Opera không hổ trợ
– scrollbars – thanh trượt bên phải. Thuộc tính này luôn được YES ở Explorer Mac, Safari và Opera ngay cả khi bạn chọn NO
– resizable – cho phép co dãn kích thước —->Mozilla, Safari và Opera luôn luôn YES

Bước 2: Sử dụng rất đơn giản
các bạn chỉ đơn giản chèn đoạn code như sau vào trang html
<a href=”javascript: popup_window(‘popup_demo.html’,300,200)”>Popup window</a>

Rất đơn giản phải không các bạn, chúc các bạn thành công !