Just another tech site

Archive for the ‘API’ Category

Google Code Playground & Feed API

Google Playground

Google provides a web based test environement for the diferent API that are available.

http://code.google.com/apis/ajax/playground/

Feed API

simple Feed composant

The code


<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Dynamic Feed Control</title>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>

    <!-- Dynamic Feed Control and Stylesheet -->
    <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
            type="text/javascript"></script>
    <style type="text/css">
      @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
    </style>

    <script type="text/javascript">
    /*
    *  How to use the Dynamic Feed Control, which has pretty UI already made for you!
    *  Don't forget to check out the options:
    *  http://www.google.com/uds/solutions/dynamicfeed/reference.html
    */

    google.load('feeds', '1');

    function OnLoad() {
      var feeds = [
        {
          title: 'Blog',
          url: 'https://devreminder.wordpress.com/feed/atom/'
        },
        {
          title: 'E-Online',
          url: 'http://rss.cnn.com/rss/edition.rss'
        },
      ];

      var options = {
        stacked : true,
        horizontal : false,
        title : "Test Feed"
      };

      new GFdynamicFeedControl(feeds, 'content', options);
      document.getElementById('content').style.width = "500px";
    }

    google.setOnLoadCallback(OnLoad);
    </script>
  </head>
  <body style="font-family: Arial, sans-serif;border: 0 none;">
  <div id="content">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  </div>
  </body>
</html>‚Äč

Tag Cloud