Mazel:test: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 3: Line 3:
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
$(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=?',  
   $.getJSON('http://www.citeulike.org/json/group/5581?callback=?',  
Line 38: Line 27:
<div id="papers"></div>
<div id="papers"></div>
<div id="images"></div>
<div id="images"></div>
<ul>
</ul>
</html>
</html>

Revision as of 06:03, 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() {

 $.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('#papers');
            });

});


document.writeln("coucou"); </script>

<a href="">Link</a> <div id="papers"></div> <div id="images"></div> </html>