Firestarter
Hi,
ich habe hier eine kleines Problem bzw. dickes. 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:
frieda.js
und hier die Ausgabe etwas gekürzt:
habe auch schon ein wenig Probiert, aber ohne Erfolg.. Hier mal ein Beispiel von meinem Versuch:
roten Code habe ich lediglich hinzugefügt
und die Ausgabe habe ich so modifiziert:
Hoffe es kann mir jemand helfen oder mich auf den richtigen Weg bringen....
Vielleicht ist es ja auch garnicht möglich mit diesem Script, aber das denke ich nicht. Code ist nicht von mir... Quelle ist json.it Rotsuya.. Wenn alles so läuft wie es soll, schreibe ich noch ein kleinen Tut über JqueryMobile.. Das fertige Script stelle ich dann auch natürlich kostenlos für die Community zure Verfügung.
+ .Masterluke. +
ich habe hier eine kleines Problem bzw. dickes. 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");Soo hier der Code wie versprochen:
frieda.js
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);
};
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>' +
Code:
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);
[COLOR=Red] $('#articleImages').append('<img src="'+entry.thumbnail.url+'" />');[/COLOR]
}und die Ausgabe habe ich so modifiziert:
Code:
<li id="list' + i + '"><img src="#articleImage" width = "48" height = "48"/><a href="#article' + i + '" id="link' + i + '"> </a></li>'Vielleicht ist es ja auch garnicht möglich mit diesem Script, aber das denke ich nicht. Code ist nicht von mir... Quelle ist json.it Rotsuya.. Wenn alles so läuft wie es soll, schreibe ich noch ein kleinen Tut über JqueryMobile.. Das fertige Script stelle ich dann auch natürlich kostenlos für die Community zure Verfügung.
+ .Masterluke. +
Zuletzt bearbeitet:
), ich will ja nur das er mir die Thumbnails aus den Feeds zu den entsprechenden Nachrichten anzeigt bzw erstmal abholt und dann anzeigt...
).
