Send this to a friend
http://ralphwhitbeck.com/content/binary/twitter-json-jquery.html
1 <html>
2 <head>
3 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
4 <script>
5 $(document).ready( function() {
6
7 var url = "http://twitter.com/status/user_timeline/RedWolves.json?count=3&callback=?";
8 $.getJSON(url,
9 function(data){
10 $.each(data, function(i, item) {
11 $("img#profile").attr("src", item.user["profile_image_url"]);
12 $("#tweets ul").append("<li>" + item.text.linkify() + " <span class='created_at'>" + relative_time(item.created_at) + " via " + item.source + "</span></li>");
13 });
14 });
15 });
16
17 String.prototype.linkify = function() {
18 return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
19 return m.link(m);
20 });
21 };
22 function relative_time(time_value) {
23 var values = time_value.split(" ");
24 time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
25 var parsed_date = Date.parse(time_value);
26 var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
27 var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
28 delta = delta + (relative_to.getTimezoneOffset() * 60);
29
30 var r = '';
31 if (delta < 60) {
32 r = 'a minute ago';
33 } else if(delta < 120) {
34 r = 'couple of minutes ago';
35 } else if(delta < (45*60)) {
36 r = (parseInt(delta / 60)).toString() + ' minutes ago';
37 } else if(delta < (90*60)) {
38 r = 'an hour ago';
39 } else if(delta < (24*60*60)) {
40 r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
41 } else if(delta < (48*60*60)) {
42 r = '1 day ago';
43 } else {
44 r = (parseInt(delta / 86400)).toString() + ' days ago';
45 }
46
47 return r;
48 }
49 function twitter_callback ()
50 {
51 return true;
52 }
53
54 </script>
55 </head>
56 <body>
57 <div id="tweets">
58 <img id="profile">
59 <ul></ul>
60 </div>
61 </body>
62 </html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready( function() {
var url = "http://twitter.com/status/user_timeline/RedWolves.json?count=3&callback=?";
$.getJSON(url,
function(data){
$.each(data, function(i, item) {
$("img#profile").attr("src", item.user["profile_image_url"]);
$("#tweets ul").append("<li>" + item.text.linkify() + " <span class='created_at'>" + relative_time(item.created_at) + " via " + item.source + "</span></li>");
});
});
});
String.prototype.linkify = function() {
return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
return m.link(m);
});
};
function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);
var r = '';
if (delta < 60) {
r = 'a minute ago';
} else if(delta < 120) {
r = 'couple of minutes ago';
} else if(delta < (45*60)) {
r = (parseInt(delta / 60)).toString() + ' minutes ago';
} else if(delta < (90*60)) {
r = 'an hour ago';
} else if(delta < (24*60*60)) {
r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
} else if(delta < (48*60*60)) {
r = '1 day ago';
} else {
r = (parseInt(delta / 86400)).toString() + ' days ago';
}
return r;
}
function twitter_callback ()
{
return true;
}
</script>
</head>
<body>
<div id="tweets">
<img id="profile">
<ul></ul>
</div>
</body>
</html>
Send this to a friend
from: http://www.tidbits.com.br/download/exemplos/jquery.twitter/jquery.twitter_original.zip
1 <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
2 <script type="text/javascript" src="jquery.twitter.js"></script>
3
4 <script type="text/javascript">
5
6 $(document).ready(function() {
7 $("#twitter").getTwitter({
8 userName: "leozera",
9 numTweets: 5,
10 loaderText: "Loading tweets...",
11 slideIn: true,
12 showHeading: true,
13 headingText: "Latest Tweets",
14 showProfileLink: true
15 });
16 });
17
18 </script>
19
20 <div id="twitter"></div>
21
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="jquery.twitter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#twitter").getTwitter({
userName: "leozera",
numTweets: 5,
loaderText: "Loading tweets...",
slideIn: true,
showHeading: true,
headingText: "Latest Tweets",
showProfileLink: true
});
});
</script>
<div id="twitter"></div>
Send this to a friend
http://woork.blogspot.com/2008/07/useful-tips-to-enrich-your-html-forms.html
1 function countChars(idElement){
2 max_chars = 20;
3 counter = document.getElementById(idElement);
4 field = document.getElementById('text').value;
5 field_length = field.length;
6
7
8 remaining_chars = max_chars-field_length;
9 if(remaining_chars<=5){
10 counter.style.color="#CC0000";
11 }
12
13 counter.innerHTML = remaining_chars;
14 }
15
16
function countChars(idElement){
max_chars = 20;
counter = document.getElementById(idElement);
field = document.getElementById('text').value;
field_length = field.length;
remaining_chars = max_chars-field_length;
if(remaining_chars<=5){
counter.style.color="#CC0000";
}
counter.innerHTML = remaining_chars;
}
Send this to a friend
1 curl -u email:password -d status="hello world!" http://twitter.com/statuses/update.xml
curl -u email:password -d status="hello world!" http://twitter.com/statuses/update.xml
Send this to a friend
1 require 'rss/1.0'
2 require 'rss/2.0'
3 require 'open-uri'
4
5 content = ''
6 open('http://twitter.com/statuses/user_timeline/peepcode.rss').each { |i| content << i }
7 RSS::Parser.parse(content).items.each { |i| system "say \"#{i.title}\"" }
require 'rss/1.0'
require 'rss/2.0'
require 'open-uri'
content = ''
open('http://twitter.com/statuses/user_timeline/peepcode.rss').each { |i| content << i }
RSS::Parser.parse(content).items.each { |i| system "say \"#{i.title}\"" }