Hướng dẫn tạo poppup trên web wordpress
Mở link thẻ a với poppup hay window
Thông thường nều bạn click vào thẻ a thì sẽ mở ra một cửa sổ mới với thuộc tính “target=_blank” .Tuy nhiên để mở 1 popup thay vì window thì mình bắt sự kiện onlick và javascript hàm window.open . Đây là một ví dụ :
1 2 3 |
<a href="https://sonweb.net" target="popup" onclick="window.open('https://sonweb.net/','popup','width=600,height=600'); return false;"> Open Link in Popup </a> |
Chỉnh sửa popup window
Mặc định thì popup sẽ mở như trên, tuy nhiên nếu như bạn muốn chỉnh sửa popup hay window thì có thể thay đổi các tham số :location
, menubar
, resizable
, scrollbars
,status
, titlebar
and toolbar
(source). Lưu ý là các tham số trên sẽ không hỗ trợ trên tất cả trình duyệt .
Disalbe chỉnh sửa resize và cuộn của popup
để tặt chưc năng resize và cuộn của popup hay window từ một đường link khi click bạn , chỉ cẩn chỉnh 2 tham số sau :resizable=no
và scrollbars=no
.
1 2 3 |
<a href="https://sonweb.net" target="popup" onclick="window.open('https://sonweb.net/','popup','width=600,height=600'); return false;"> Open Link in Popup </a> |
Trả lời