Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
    <link rel="stylesheet" href="themes/CustomTheme.min.css" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile.structure-1.3.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
  
    <style type='text/css'>
        .ui-footer .ui-btn-right {
        }
        .articleContent > table > tbody > tr > td > font > br {
            display: none;
        }
        .articleContent > table > tbody > tr > td > font > br + div {
            display: none;
        }
        .articleContent * {
            font-size: medium !important;
        }
    </style>
​
<script type='text/javascript'>
$(document).ready(function () {
    /* functions */
    listEntries = function (json) {
        if (!json.responseData.feed.entries) return false;
        $('#widgetTitle').text(json.responseData.feed.title);
        var articleLength = json.responseData.feed.entries.length;
        articleLength = (articleLength > maxLength) ? maxLength : articleLength;
        for (var i = 1; i <= articleLength; i++) {
            var entry = json.responseData.feed.entries[i - 1];
            $(".RSSclass").append('<li id="list' + i + '"><a href="#article' + i + '" id="link' + i + '">' + entry.title + '</a></li>');
        }
        $('.RSSclass').listview('refresh');
    };
    getOnlineFeed = function (url) {
        var script = document.createElement('script');
        script.setAttribute('src', 'http://ajax.googleapis.com/ajax/services/feed/load?callback=listEntries&hl=ja&output=json-in-script&q=' + encodeURIComponent(url) + '&v=1.0&num=' + maxLength);
        script.setAttribute('type', 'text/javascript');
        document.documentElement.firstChild.appendChild(script);
    };
   getOfflineFeed = function (url) {
        var script = document.createElement('script');
        script.setAttribute('src', url);
        script.setAttribute('type', 'text/javascript');
        document.documentElement.firstChild.appendChild(script);
    };
​
​
    maxLength = 20;
    getOnlineFeed('http://portal.ayto-santander.es/portal/page/portal/inet_santander/ayuntamiento/concejalias/juventud/actividades/rss_actividades');
});
</script>
​
</head>
​
<body>
<div data-role="page" id="news" data-theme="a">
    <div data-role="panel" id="mypanel">
        <ul data-role="listview" data-inset="false">
            <li data-role="list-divider">Espacio Joven</li>
            <li><a href="#news" class="ui-btn-active ui-state-persist">News</a>
​
            </li>
            <li><a href="#agenda" class="ui-btn-active ui-state-persist">Agenda</a>
​
            </li>
            <li><a href="#info" class="ui-btn-active ui-state-persist">Info</a>
​
            </li>
            <li><a href="#activities" class="ui-btn-active ui-state-persist">Activities</a>
​
            </li>
            <li><a href="#alDia" class="ui-btn-active ui-state-persist">Al Dia</a>
​
            </li>
            <li data-role="list-divider">La Noche Es Joven</li>
        </ul>
    </div>
    <!-- /panel -->
    <div data-role="header"> <a href="#mypanel" data-icon="grid" data-iconpos="notext"></a>
​
         <h1>News</h1>
​
    </div>
    <div data-role="content">
        <ul data-role="listview" data-inset="true" class="RSSclass"></ul>
    </div>
    <!-- /content -->
</div>
​
</body>
​
​
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers