21 tháng 12, 2011

Code tự động mở link ngoài với cửa sổ mới

Thay vì phải dùng thủ công thêm thuộc tính target="_blank" cho các link mà bạn muốn, khi click vào nó sẽ nhảy ra cửa sổ mới.

Đoạn code sau đây sẽ tự động làm việc đó, tự động thêm các thuộc tính target="_blank" cho các liên kết ngoài.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
/*
jQuery - External Links
Created by Andrea Cima Serniotti - http://www.madeincima.eu
*/

$(document).ready(function () {

// ---- External Links ----------------------------------------------------------------------------------------------------
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").attr("target","_blank").attr("title","Opens new window").addClass("external");
});
</script>

<style type="text/css">
.external{background:url(http://1.bp.blogspot.com/_HJvXUqHmf9...ernal_link.gif) top right no-repeat;padding-right:18px}
</style>
Source: http://www.madeincima.it/en/articles/jquery-tutorial-external-links/

Đăng bởi: blue Vào lúc: 14:06 Danh mục:

1 nhận xét:

Bình Luận Mới

Weblog forum mới nhất

Máy tính mới nhất

Cơ khí mới nhất

Nhãn