Mazel:test: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
alert("Hello world!"); | alert("Hello world!"); | ||
}); | }); | ||
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", | $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", | ||
function(data){ | function(data){ | ||
Line 13: | Line 14: | ||
}); | }); | ||
}); | }); | ||
$.getJSON('http://www.citeulike.org/json/group/5581?callback=?', function(data) { | |||
var items = []; | |||
$.each(data, function(key, val) { | |||
items.push('<li id="' + key + '">' + val + '</li>'); | |||
}); | |||
$('<ul/>', { | |||
'class': 'my-new-list', | |||
html: items.join('') | |||
}).appendTo('body'); | |||
}); | |||
}); | }); | ||
Line 22: | Line 36: | ||
<a href="">Link</a> | <a href="">Link</a> | ||
<div id="papers"></div> | <div id="papers"></div> | ||
<div id="images"></div> | |||
<ul> | |||
</ul> | |||
</html> | </html> | ||
Revision as of 05:58, 7 March 2011
<html> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() {
$("a").click(function() { alert("Hello world!"); });
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){ $.each(data.items, function(i,item){ $("<img/>").attr("src", item.media.m).appendTo("#images"); if ( i == 3 ) return false; }); });
$.getJSON('http://www.citeulike.org/json/group/5581?callback=?', function(data) { var items = [];
$.each(data, function(key, val) { items.push('<li id="' + key + '">' + val + '</li>'); });
$('<ul/>', { 'class': 'my-new-list', html: items.join('') }).appendTo('body');
});
});
document.writeln("coucou");
</script>
<a href="">Link</a> <div id="papers"></div> <div id="images"></div>
<ul> </ul> </html>