29/7/10

Mở liên kết trong tab/cửa sổ mới

Sử dụng đoạn mã JavaScript đơn giản này để làm cho tất cả các liên kết trong trang web của bạn được mở tro... chi tiết tại JavaScriptBank.com - 2.000+ free JavaScript codes

Cách cài đặt
Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript
Code:
<script language=javascript>
/*
    Kevin Yank
    http://www.sitepoint.com/authorcontact/48
*/
function externalLinks()
{
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++)
  {
      var anchor = anchors[i];
      if(anchor.getAttribute("href"))
        anchor.target = "_blank";
  }
}
window.onload = externalLinks;

</script>
    <!--
        This script downloaded from www.JavaScriptBank.com
        Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    -->
Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML

Code:
<a href="http://javascriptbank.com/">Home</a> | 
    <a href="http://javascriptbank.com/4rum/">Forum</a> | 
    <a href="http://javascriptbank.com/javascript/">JavaScript</a> | 
    <a href="http://javascriptbank.com/service/">Services</a> | 
    <a href="http://javascriptbank.com/javascript/submit-javascript-bank.html">Submit script</a> | 
    <a href="http://javascriptbank.com/thietkeweb/javascriptmall/">Documentary</a> | 
    <a href="http://javascriptbank.com/javascript/contact-javascript-bank.html">Contact us</a> | 
    <a href="http://javascriptbank.com/javascript/aboutus-javascript-bank.html">About us</a>
    <!--
        This script downloaded from www.JavaScriptBank.com
        Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    -->
 Mã trên là dùng cho web. Còn nếu bạn muốn sử dụng nó trong Blog, cần sử dụn thủ thuật sau đây.
1. Chuyển ngôn ngữ html về xml: 
             Vào trang: http://infohound.net/tidy/
2. Copy phần đó theo hướng dẫn trên vào blog.

Chi tiết thủ thuật.
     Đoạn code 1 sau khi chuyển sẻ trở thành: 


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <script language="javascript" type="text/javascript">
//<![CDATA[
  /*
    Kevin Yank
    http://www.sitepoint.com/authorcontact/48
  */
  function externalLinks()
  {
  if (!document.getElementsByTagName) return;
  var anchors = document.getElementsByTagName("a");
  for (var i=0; i<anchors.length; i++)
  {
      var anchor = anchors[i];
      if(anchor.getAttribute("href"))
        anchor.target = "_blank";
  }
  }
  window.onload = externalLinks;

  //]]>
  </script><!--
        This script downloaded from www.JavaScriptBank.com
        Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    -->

  <title></title>
</head>

<body>
</body>
</html>
Bạn chỉ chèn phần tô xanh trong phần Head vào trước thẻ </head>

Phần code 2 sau khi chuyển sẽ thành: 


         <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />

  <title></title>
</head>

<body>
  <a href="http://javascriptbank.com/">Home</a> | <a href=
  "http://javascriptbank.com/4rum/">Forum</a> | <a href=
  "http://javascriptbank.com/javascript/">JavaScript</a> | <a href=
  "http://javascriptbank.com/service/">Services</a> | <a href=
  "http://javascriptbank.com/javascript/submit-javascript-bank.html">Submit script</a> |
  <a href="http://javascriptbank.com/thietkeweb/javascriptmall/">Documentary</a> |
  <a href="http://javascriptbank.com/javascript/contact-javascript-bank.html">Contact
  us</a> | <a href=
  "http://javascriptbank.com/javascript/aboutus-javascript-bank.html">About us</a> <!--
        This script downloaded from www.JavaScriptBank.com
        Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    -->
</body>
</html>
Bạn chỉ copy phần tô xanh trong thẻ body vào trước thẻ </body>. 

Vậy là Việt đã hướng dẫn xong thủ thuật "Mở liên kết trong tab/cửa sổ mới".
Chúc các bạn thành công!!!

0 nhận xét:

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L

Đăng nhận xét

Lưu ý: Chỉ thành viên của blog này mới được đăng nhận xét.

Home | Forum | JavaScript | Services | Submit script | Documentary | Contact us | About us