Hi,
ich habe hier eine kleines Problem für Euch und ein großes für mich. Ich lese mit diesem Script ( füge es am ende ein)
einen RSS Feed aus und gebe ihn über HTML mit document.write wieder aus. Läuft auch alles Super. Hier mal ein Screenshot:
Listview ohne Thumbs
Jetzt will ich aber, das er mit aus dem Item,-media.thumbnail.url vom Feed das Thumbnail bzw die img src Url ausliest und es vor den Titel ausgibt so wie hier:
Listview mit Thumbnails
Nur stehe ich total auf dem Schlauch wie ich das anfangen soll
vielleicht sowas wie
nur funktioniert das garnicht, entweder ich pack es falsch mit rein oder ich liege komplett falsch. Ich bin echt bald am verzweifeln. Wäre super wenn mir einer von Euch helfen könnte wo ich das letzte Stückchen Code reinpacken muss...
Soo hier der Code wie versprochen:
und hier die Ausgabe etwas gekürzt:
Guts Nächtle
+ .CodeBob. +
ich habe hier eine kleines Problem für Euch und ein großes für mich. Ich lese mit diesem Script ( füge es am ende ein)
einen RSS Feed aus und gebe ihn über HTML mit document.write wieder aus. Läuft auch alles Super. Hier mal ein Screenshot:
Listview ohne Thumbs
Jetzt will ich aber, das er mit aus dem Item,-media.thumbnail.url vom Feed das Thumbnail bzw die img src Url ausliest und es vor den Titel ausgibt so wie hier:
Listview mit Thumbnails
Nur stehe ich total auf dem Schlauch wie ich das anfangen soll
vielleicht sowas wie
HTML:
$("<img/>").attr("src", item.media.thumbnails.url).appendTo("#images");
nur funktioniert das garnicht, entweder ich pack es falsch mit rein oder ich liege komplett falsch. Ich bin echt bald am verzweifeln. Wäre super wenn mir einer von Euch helfen könnte wo ich das letzte Stückchen Code reinpacken muss...
Soo hier der Code wie versprochen:
HTML:
$(function(){
getOnlineFeed('http://feeds.feedburner.com/aktuelle_ausgabe');
});
/* functions */
var 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];
$('#link' + i).text(entry.title);
$('#articleHeader' + i).text(entry.title);
$('#openButton' + i).attr('href', entry.link);
$('#articleContent' + i).append(entry.content);
}
$('#article1 .prevButton').remove();
$('#article' + articleLength + ' .nextButton').remove();
if (articleLength < maxLength) {
for (i = articleLength + 1; i <= maxLength; i++) {
$('#list' + i).remove();
$('#article' + i).remove();
}
}
};
var 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);
};
var getOfflineFeed = function(url) {
var script = document.createElement('script');
script.setAttribute('src', url);
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
};
und hier die Ausgabe etwas gekürzt:
HTML:
<ul data-role="listview" id="articleList">'
);
for(var i=1; i<=maxLength; i++){
document.write(
'<li id="list' + i + '"><a href="#article' + i + '" id="link' + i + '"></a></li>'
);
}
document.write(
' </ul>' +
Guts Nächtle
+ .CodeBob. +