.jpg)
link của bit.ly đã thay thế link cũ
Code :
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
<script style="text/javascript">
function showrecent(json){
url = json.data.url;
longurl =json.data.long_url;
$("#post a[href='"+longurl+"']").attr('href',url);
}
function shorten(){
var o=document.getElementById('post');
var count=o.getElementsByTagName('a').length;
for(var i=0;i<count;i++){
document.write("<script src='http://api.bitly.com/v3/shorten?login=username&apiKey=keyapi&longUrl="+document.getElementsByTagName('a')[i].href+"&format=json&callback=showrecent'><\/script>");
}
}
</script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body> <div id='post' class="content">
<a href="http://shimivn.blogspot.com/%22%3Eshimi%3C/a>
<a href="http://cnn.com/%22%3Ecnn%3C/a>
<a href="http://www.w3schools.com/HTMLDOM/dom_examples.asp/%22%3Ew3%3C/a>
<a href="http://vtc.vn/%22%3Evtc%3C/a>
Links: <a href="http://www.google.com/%22%3EGoogle%3C/a>
</div>
<div id='post2g' class="content">
<a href="http://shimivn.blogspot.com/%22%3Eshimi%3C/a>
<a href="http://cnn.com/%22%3Ecnn%3C/a>
<a href="http://www.w3schools.com/HTMLDOM/dom_examples.asp/%22%3Ew3%3C/a>
<a href="http://vtc.vn/%22%3Evtc%3C/a>
Links: <a href="http://www.google.com/%22%3EGoogle%3C/a>
</div>
<script type="text/javascript">
shorten();
</script>
</body> Giải thích :username và keyapi có được sau khi đăng ký tại đây
shorten : rút gọn link
json: định dạng kết quả trả về.
showrecent : hàm callback
ở đây chạy bằng javascript và kết quả trả về dạng json nên có thể dùng cho bất kỳ website nào (blogspot chẳng hạn).
1 chút jquery :
$("#post a[href='"+longurl+"']").attr('href',url);
thay thế toàn bộ link trong thẻ div có id=post (#post)
để thay thế toàn bộ link trong thẻ div có class=post ta thay # bằng . (.post)
No comments: