wmzilla.com | Webmaster ve grafikerler paylaşım , ticaret platformu

Geri git   wmzilla.com | Webmaster ve grafikerler paylaşım , ticaret platformu > Webmaster kulübü > Jquery
GET sistemi
Hakkimizda Messenger indir GET Platinum Card Etkinlik Takvimi Forum Kurallari Konum Belirleme Lokasyon ve Destek Ofisi

GET Platinum Card

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 12.07.2014, 21:58
Excalibur - ait Kullanıcı Resmi (Avatar)
 
Kütahya
Üyelik: 18.06.2014
Ticaret Sayısı: (0)
Ticaret Yüzdesi:(%)
Ad-Soyad:
Nereden:
Konular: 78
Mesaj Sayısı:78
Blog girişleri:
Standart Tweet listeleme uygulaması jquery


dc.tc

jQuery: Tweet Listeleme Uygulaması

tweet listeleme2012′nin son makalesi niyetine, twitter kullanıcıların tweetlerini listeleyen sade ve basit bir uygulama hazırladım.

Kullanıcı adını arayarak kullanıcının public tweetlerini listeleyen bu araçta, jQuery kütüphanesi ve herzamanki gibi serpito.com demo arayüzünü HTML + CSS altyapısı olarak kullanıyorum.



Bu makalede sadece uygulama için hazırladığım javascript kod blogunu paylaşıyorum. Daha sonra makalenin altında da paylaşacağım uygulama dosyasını indirip inceleyebilirsiniz.


Kod:
01	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
02	<script type="text/javascript">
03	$(document).ready(function(){
04	var refreshURL;
05	var twusername;
06	 
07	$(function(){
08	$('.more').click(function(){
09	$(".more").html('<img src="img/wait.gif" />');
10	getTweet(twusername,refreshURL);
11	$(".more").html('daha fazla tweet &amp;amp;amp;amp;raquo;');
12	return false;
13	});
14	 
15	$('#linkbtn').click(function(){
16	val=$('#u').val();
17	if(val == ''){
18	$('.morebox').hide();
19	alert("Kullanıcı adı boş ??");
20	}else{
21	$(".timeline").html(' ');
22	getTweet(val);
23	}
24	return false;
25	});
26	 
27	});
28	 
29	function autolink(text) {
30	 
31	var exp = /(\b(https?|ftp):\/\/[-A-Z0-9+&amp;amp;amp;amp;@#\/%?=~_|!:,.;]*[-A-Z0-9+&amp;amp;amp;amp;@#\/%=~_|])/gim;
32	 
33	return text.replace(exp,"<a href='$1' target='_blank'>$1</a>");
34	 
35	}
36	function getTweet(username,refreshUrl){
37	if(refreshUrl==null) {var twitter_api_url = 'http://search.twitter.com/search.json?callback=?&amp;amp;amp;amp;rpp=10';}
38	else{var twitter_api_url = 'http://search.twitter.com/search.json?callback=?&amp;amp;amp;amp;rpp=10' + refreshUrl; }
39	 
40	var twitter_user    = username;
41	twusername = username;
42	 
43	$.ajaxSetup({ cache: true });
44	$.getJSON(
45	twitter_api_url + '&amp;amp;amp;amp;q=from:' + twitter_user,
46	function(data) {
47	refresh_url = data.refresh_url;
48	refreshURL = data.refresh_url;
49	if(refreshURL == null){$('.more').hide();}
50	$.each(data.results, function(i, tweet) {
51	$('.more').show();
52	 
53	if(tweet.text !== undefined) {
54	var date_tweet = new Date(tweet.created_at);
55	var date_now   = new Date();
56	var date_diff  = date_now - date_tweet;
57	var hours      = Math.round(date_diff/(1000*60*60));
58	 
59	var tweet_html = '<div>';
60	tweet_html    += '<a href="https://twitter.com/' + tweet.from_user +'"><img src="' + tweet.profile_image_url + '" /></a>';
61	tweet_html    += autolink(tweet.text);
62	tweet_html    += '<div><a href="https://twitter.com/' + tweet.from_user + '/status/' + tweet.id_str +'">'  + hours ;
63	tweet_html    += ' saat <\/a><\/div><\/div>';
64	$('.timeline').append(tweet_html);
65	}
66	});
67	if(data.results.length == 0){
68	$('.morebox').hide();
69	$('.timeline').append("<p>@"+username+" kullanıcısının tweet bilgilerine erişilemiyor.</p>");
70	}
71	}
72	);
73	}
74	 
75	});
76	 
77	</script>


Alıntı ile Cevapla
Sponsored Links
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil


Şu Anki Saat: 19:08

Forum Hakkımızda
Powered by vBulletin® Version 3 (Licensed by WMZILLA INC.)
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

© 2014 wmzilla.com | WMZilla Bir Netra iştirakıdır.
09:00 - 20:00 Destek hattı : +31640337288
WMZilla lokasyon ve yazılım ofisi :
Loevesteinlaan 923 2533CC Den haag / Netherlands
WMZilla
DMCA.com Protection Status

Bir forum sitesi olan wmzilla.com üzerinde, forum kullanıcıları 5651 sayılı kanun'un ilgili maddesine ve T.C.K'nın 125. maddesine göre yaptıkları paylaşımlardan sorumludur, kullanıcı bazlı herhangi bir durumdan wmzilla.com sorumlu değildir. Tüm hukuksal bildirimlerde bulunmak için abuse@wmzilla.com adresi ile iletişime geçebilirsiniz bu çerçevede, wmzilla.com yönetimi tarafından en geç 7 iş günü içerisinde tarafınıza dönüş yapılacaktır.