masterluke77
17-06-2010, 03:27
Hi, ich habe ein kleines Problem mit der Ausgabe von unserem Rss Feed ( Google Ajax Feed Api) und der Bilderanzeige.
Der RSS Feed wird von unserem WordpressBlog ausgelesen und als Html auf einer anderen Seite ausgegeben. Funktioniert soweit auch alles Prima, nur zeigt er uns alle Bilder die in den News stehen und das soll er ja nicht machen, wir wollen einfach das Titelbild bzw. das Thumbnail vom RSS anzeigen lassen und nach viel hin und her stehen wir mitten im Wald und wissen nicht weiter.
Hofe ihr könnt mir helfen, denn ich habe nicht wirklich Ahnung wie ich den String im content manipulieren kann oder weiss der Geier was sonst noch geht.
Hier mal der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google AJAX Feed API - Simple Example</title>
<script type="text/javascript" src="http://www.google.com/jsapi?key=Key habe ich mal geloescht"></script>
<script type="text/javascript">
google.load('feeds', '2');
var display;
function init() {
display = document.getElementById('content');
display.innerHTML = '';
rtf = new google.feeds.push.Feed('http://salzstreuner.de/feed');
rtf.includeHistoricalEntries(3);
rtf.subscribe(displayEntry);
}
google.setOnLoadCallback(init);
function displayEntry(response) {
var feed = response.feed;
var entries = feed.entries;
entries = entries.reverse();
for (var i = 0; i < entries.length; i++) {
var entry = entries[i];
var title = entry.title;
var content = entry.content;
var link = entry.link;
var container = document.createElement('div');
var anchor = document.createElement('a');
anchor.innerHTML = title;
anchor.href = link;
container.appendChild(anchor);
container.appendChild(document.createElement('br'));
var contentParagraph = document.createElement('p');
contentParagraph.innerHTML = content;
container.appendChild(contentParagraph);
container.appendChild(document.createElement('br'));
container.appendChild(document.createElement('br'));
display.insertBefore(container, display.firstChild);
}
}
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="content">Loading...</div>
</body>
</html>und so sieht es im Moment aus:
Google AJAX Feed API - Simple Example (http://media-owl.de/rss3/index2.html)
Das Bild unter dem Titel soll bleiben und die kleinen 80x80 oder wie gross die sind soll er nicht anzeigen.
Ich hoffe ihr könnt mir HELFEN oder mir einen Alternative vorschlagen
Ich bedanke mich schon mal...
Gruss
Masterluke
Der RSS Feed wird von unserem WordpressBlog ausgelesen und als Html auf einer anderen Seite ausgegeben. Funktioniert soweit auch alles Prima, nur zeigt er uns alle Bilder die in den News stehen und das soll er ja nicht machen, wir wollen einfach das Titelbild bzw. das Thumbnail vom RSS anzeigen lassen und nach viel hin und her stehen wir mitten im Wald und wissen nicht weiter.
Hofe ihr könnt mir helfen, denn ich habe nicht wirklich Ahnung wie ich den String im content manipulieren kann oder weiss der Geier was sonst noch geht.
Hier mal der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google AJAX Feed API - Simple Example</title>
<script type="text/javascript" src="http://www.google.com/jsapi?key=Key habe ich mal geloescht"></script>
<script type="text/javascript">
google.load('feeds', '2');
var display;
function init() {
display = document.getElementById('content');
display.innerHTML = '';
rtf = new google.feeds.push.Feed('http://salzstreuner.de/feed');
rtf.includeHistoricalEntries(3);
rtf.subscribe(displayEntry);
}
google.setOnLoadCallback(init);
function displayEntry(response) {
var feed = response.feed;
var entries = feed.entries;
entries = entries.reverse();
for (var i = 0; i < entries.length; i++) {
var entry = entries[i];
var title = entry.title;
var content = entry.content;
var link = entry.link;
var container = document.createElement('div');
var anchor = document.createElement('a');
anchor.innerHTML = title;
anchor.href = link;
container.appendChild(anchor);
container.appendChild(document.createElement('br'));
var contentParagraph = document.createElement('p');
contentParagraph.innerHTML = content;
container.appendChild(contentParagraph);
container.appendChild(document.createElement('br'));
container.appendChild(document.createElement('br'));
display.insertBefore(container, display.firstChild);
}
}
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="content">Loading...</div>
</body>
</html>und so sieht es im Moment aus:
Google AJAX Feed API - Simple Example (http://media-owl.de/rss3/index2.html)
Das Bild unter dem Titel soll bleiben und die kleinen 80x80 oder wie gross die sind soll er nicht anzeigen.
Ich hoffe ihr könnt mir HELFEN oder mir einen Alternative vorschlagen
Ich bedanke mich schon mal...
Gruss
Masterluke