Tạo cửa sổ popup khi click vào link(cửa sổ thu nhỏ)

14 Th12

Đô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

Để tạo Popup window như thế, trước tiên đặt đoạn code dưới đây vào trước 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>

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://chipkool.blogspot.com/&#8217;,’WindowName’,’510′,’280′,’scrollbars=1′);”>Liên kết đến trang khác</a>

MO NH:Nếu như bn là người mi bt đu to blogger bn có th to 1 Javar/script sau đó copy đon code trên rùi paste vào na.

CHÚC BN THÀNH CÔNG.

NGUN: huynh-nhat-ha.blogspot.com

Advertisements

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: