05 May 2011

Kaskus Badge With jQuery

langsung saja cara memakai kaskus Badge atau KTP kaskus menggunakan jQuery AJax dan YQL (karena bersifat Cross Domain ke kaskus.us
sebelumnya Initialize jQuery nya dulu ya jquery.js

var userid = "1127204"; //UserID agan
jQuery.ajax = (function(_ajax){ var protocol = location.protocol, hostname = location.hostname, exRegex = RegExp(protocol + '//' + hostname), YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?', query = 'select * from html where url="{URL}" and xpath="*"'; function isExternal(url) { return !exRegex.test(url) && /:\/\//.test(url); } return function(o) { var url = o.url; if ( /get/i.test(o.type) && !/json/i.test(o.dataType) && isExternal(url) ) { o.url = YQL; o.dataType = 'json'; o.data = { q: query.replace( '{URL}', url + (o.data ? (/\?/.test(url) ? '&' : '?') + jQuery.param(o.data) : '') ), format: 'xml' }; if (!o.success && o.complete) { o.success = o.complete; delete o.complete; } o.success = (function(_success){ return function(data) { if (_success) { _success.call(this, { responseText: data.results[0] .replace(/<script[^>]+?\/>|<script(.|\s)*?\/script>/gi, '') }, 'success'); } }; })(o.success); } return _ajax.apply(this, arguments); }; })(jQuery.ajax); 
$(document).ready(function() { $.get('http://www.kaskus.us/member.php?u=' + userid , function(res) { var user = $(res.responseText).find('h1').html(); var avatar = $(res.responseText).find('#user_avatar').attr('src'); var jumlahpost = $(res.responseText).find('#stats .statistics_group:first ul li:first').html(); var joindate = $(res.responseText).find('#stats_mini dl dd:first').html(); var username = user.split('<img'); var post = jumlahpost.split('</span>'); $('.ktp_kaskus').html('<div style="width:150px;font-size:13px;font-family:arial;padding:5px"><a href="http://www.kaskus.us/member.php?u='+ userid +'"><strong>'+ username[0] +'</strong></a><br><img src="'+ avatar +'" alt=""/></br>UserID: '+ userid +'<table><tr><td>Join date : </td><td>'+ joindate +'</td></tr><td>Total Post : </td><td>'+ post[1] +'</td></tr></table></div>'); $('.ktp_kaskus td').css({'font-size':'13px'}); }); });

 yang berwarna merah di ganti dengan userID agan

oke... sentuhan terakhir tambahkan kode
<div class='ktp_kaskus'></div>
di mana saja tempat badge ingin di buat didalam tag body misalnya dan selesai !

demo ?

buat aja sembarang file

credits to :
usejquery.com
jquery.com
Yahoo Query Langguage

No comments:

Post a Comment

please dont using for spam...