var scr = document.createElement('script'); scr.src = 'http://pipes.yahoo.com/pipes/pipe.run?_id=f3f09151da4505bd3c1f9f135f75c775&_render=json&_callback=hbnPiper'; document.body.appendChild(scr); // My Pipes callback function function hbnPiper(obj) { var i = 0, len = obj.count, today = new Date(), // Yesterday, all my troubles seemed so far away.. yesterday = new Date(new Date().setDate(new Date().getDate() - 1)), weekOld = Date.parse(new Date(new Date().setDate(new Date().getDate() - 5))), headlines = [], // This will be useful for getting the hostname :D a = document.createElement('a'); if (len) { for (; i < len; ++i) { // We want news that are... kinda new if (Date.parse(obj.value.items[i].pubDate) > weekOld) { // Format dates and time to the way we want it (in Sweden) var itemDate = new Date(obj.value.items[i].pubDate), newsTime = itemDate.toTimeString().substring(0, 5), newsDate = itemDate.toDateString() === today.toDateString() ? 'Idag' : itemDate.toDateString() === yesterday.toDateString() ? 'Igår' : itemDate.getDate() + '/' + (itemDate.getMonth() + 1); // Find out source of headline a.href = obj.value.items[i]['feedburner:origLink'] ? obj.value.items[i]['feedburner:origLink'] : obj.value.items[i].link; // Make a list with each headline, date, time and source (hostname) headlines += '<li><a href=' + obj.value.items[i].link + '>' + obj.value.items[i].title + '</a> <small>(' + newsDate + ' ' + newsTime + ' via ' + a.hostname.replace(/^www./, '') + ')</small></li>'; } } } else { headlines += '<li>Det finns inget nytt rapporterat från Hisingen just nu!</li>'; } // Insert list into the ul document.getElementsByTagName('ul')[0].innerHTML = headlines; }
<div id="wrapper"> <div id="header"> <div id="logo"> <a href="#"><img src="http://hisingenbyday.se/wp-content/themes/motion/images/genericlogo.png" alt="Hisingen by night" /></a> <h1><a href="#">Hisingen by night</a></h1> <div id="desc">Hisingen i nyheterna</div> </div><!-- /logo --> </div><!-- /header --> <div id="main"> <div id="content" class="full"> <div class="post-2 page type-page status-publish hentry" id="post-2"> <div class="posttop"> <h2 class="posttitle"><a href="#" rel="bookmark">Hisingsrelaterade nyhetsrubriker</a></h2> <div class="postmetatop"> <div class="categs"> Test för att visa rubriker från olika <a rel="category tag" href="http://pipes.yahoo.com/pipes/pipe.info?_id=f3f09151da4505bd3c1f9f135f75c775">källor</a> av Janne — <a href="http://hisingenbyday.se/kontakta-oss/">Rapportera buggar</a> </div> <div class="date"> <span>9 mars, 2012</span> </div> </div> </div> <div class="postcontent"> <ul> <li>Laddar rubriker...</li> </ul> </div> </div><!-- /post --> </div><!-- /content --> </div><!-- /main --> </div>
@import url("http://hisingenbyday.se/wp-content/themes/motion/style.css"); #wrapper { width: 700px; margin: 0 auto } #main { padding: 0 } .posttop { width: 620px }