JQuery und JSONP - Tweets von Twitter lesen
Aus Wikizone
Version vom 19. Oktober 2012, 08:44 Uhr von 134.3.241.116 (Diskussion) (Die Seite wurde neu angelegt: „<pre> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascri…“)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="lib/jquery/jquery.js">
</script>
<script>
$(document).ready(function(){
$("button:first").click(function(){
$.getJSON("http://twitter.com/status/user_timeline/rjsedv.json?count=10&callback=?", function(data){
var name = "";
var screen_name = "";
var profile_image_url = "";
var id = "";
$("#ausgabe").css({
width: 600,
backgroundColor: "yellow",
color: "blue"
});
// Userdaten bestimmen
for (i = 0; i < data.length; i++) {
jQuery.each(data[i].user, function(index, value){
if ((index == "name") && (name == "")) {
name = value;
}
if ((index == "screen_name") && (screen_name == "")) {
screen_name = value;
}
if ((index == "profile_image_url") && (profile_image_url == "")) {
profile_image_url = value;
}
if ((index == "id") && (id == "")) {
id = value;
}
});
} // Ende for ñ alle Userdaten bestimmt
var titel = "<h1>Die Twitter-Tweets von " +
screen_name +
"</h1>";
$("#ausgabe").html(titel + "<br />" +
"Name: " +
name +
", ID: " +
id +
"<hr />");
if (profile_image_url != "")
$("#ausgabe").append("<img src='" + profile_image_url + "' /><hr />");
// Die konkreten Tweets
for (i = 0; i < data.length; i++) {
jQuery.each(data[i], function(index, value){
if (index == "text") {
$("#ausgabe").append(value + "<br />");
}
if (index == "created_at") {
$("#ausgabe").append("Erstellt: " +
value +
"<hr />");
}
});
} // Ende for - Tweets
});
});
});
</script>
</head>
<body>
<button>
Lade Daten
</button>
<div id="ausgabe">
</div>
</body>
</html>
