RSS Thumbnail code

RSS Thumbnail code

Hi

With respect to the following code.Jquery mobile rss feed and Thumbnail how do I add? Rss feedlist how do I make a horizontal listview?

help me,

Thanks

  2. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
  3.     <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  4.     <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
  5.     <script type="text/javascript" src="http://www.google.com/jsapi"  ></script>
  6.   
  7.  
  8.         <script type="text/javascript">
  9.  
  10.             var maxLength = 10;

  12.        document.write(
  13.          '<div data-role="page" id="list">' +
  14.          '  <div data-role="header" data-position="fixed">' +
  15.          '    <h1><span id="widgetTitle">...</span> ' +
  16.          '      <span style="font-size: x-small">(HTML)</span></h1>' +
  17.          '  </div>' +
  18.          '  <div data-role="content">' +
  19.          '    <ul data-role="listview" data-filter="true" id="articleList">'
  20.        );
  21.        for (var i = 1; i <= maxLength; i++) {
  22.            document.write(
  23.              '<li id="list' + i + '"><a href="#article' + i + '" id="link' + i + '">&nbsp;</a></li>'
  24.            );
  25.        }
  26.        document.write(
  27.          '    </ul>' +
  28.          '  </div>' +
  29.          '</div>'
  30.        );
  31.        for (i = 1; i <= maxLength; i++) {
  32.            document.write(
  33.              '<div data-role="page" id="article' + i + '">' +
  34.              '  <div data-role="header" data-position="inline">' +
  35.              '    <a href="#list" data-role="button" data-icon="home" data-back="true">Home</a>' +
  36.              '    <h1 id="articleHeader' + i + '">&nbsp;</h1>' +
  37.              '    <a href="#" id="openButton' + i + '" data-role="button" data-icon="plus"' +
  38.              '      class="ui-btn-right" rel="external">Open</a>' +
  39.              '  </div>' +
  40.              '  <div data-role="content">' +
  41.              '    <div id="articleContent' + i + '" class="articleContent"></div>' +
  42.              '    <div data-role="controlgroup" data-type="horizontal">' +
  43.              '      <a href="#article' + String(i - 1) + '" data-role="button" data-icon="arrow-l"' +
  44.              '        data-inline="true" class="prevButton">Prev</a>' +
  45.              '      <a href="#article' + String(i + 1) + '" data-role="button" data-icon="arrow-r"' +
  46.              '        data-inline="true" class="nextButton" data-iconpos="right">Next</a>' +
  47.              '    </div>' +
  48.              '  </div>' +
  49.              '</div>'
  50.            );
  51.        }
  52.        /* JSONP */
  53.        $(function () {
  54.     
  55.            getOnlineFeed('http://www.belge.com.tr/s/_phxml/short/manset2.xml');

  57.        
  58.        });
  59.        /* functions */
  60.        var listEntries = function (json) {
  61.            if (!json.responseData.feed.entries) return false;
  62.            $('#widgetTitle').text(json.responseData.feed.title);
  63.           
  64.            var articleLength = json.responseData.feed.entries.length;
  65.            articleLength = (articleLength > maxLength) ? maxLength : articleLength;
  66.            for (var i = 1; i <= articleLength ; i++) {
  67.                var entry = json.responseData.feed.entries[i - 1];
  68.                $('#link' + i).text(entry.title);
  69.                $('#articleHeader' + i).text(entry.title);
  70.                $('#openButton' + i).attr('href', entry.link);
  71.                $('#articleContent' + i).append(entry.content);
  72.            }
  73.            $('#article1 .prevButton').remove();
  74.            $('#article' + articleLength + ' .nextButton').remove();
  75.            if (articleLength < maxLength) {
  76.                for (i = articleLength + 1; i <= maxLength; i++) {
  77.                    $('#list' + i).remove();
  78.                    $('#article' + i).remove();
  79.                }
  80.            }
  81.        };
  82.        var getOnlineFeed = function (url) {
  83.            var script = document.createElement('script');
  84.            script.setAttribute('src', 'http://ajax.googleapis.com/ajax/services/feed/load?callback=listEntries&hl=ja&output=json-in-script&q='
  85.                                + encodeURIComponent(url)
  86.                                + '&v=1.0&num=' + maxLength);
  87.            script.setAttribute('type', 'text/javascript');
  88.            document.documentElement.firstChild.appendChild(script);
  89.        };
  90.        var getOfflineFeed = function (url) {
  91.            var script = document.createElement('script');
  92.            script.setAttribute('src', url);
  93.            script.setAttribute('type', 'text/javascript');
  94.            document.documentElement.firstChild.appendChild(script);
  95.        };
  96.         </script>