RSS in HTML Seite einbinden

[hugo1981]

Hallo @ll,

ich konnte hierzu nichts anständiges finden.. Ich habe auch schon hier gesucht wurde aber nicht schlau.

Ich habe eine HTML-Seite (u.a mit Framset, st aber wohl egal).
In die Seite soll nun ein externes RSS Feed eingebunden werden. Geht das in eine HTML Seite?

Wenn ja wie stelle ich das an, damit es z.B. schön am Rand in ein div eingebettet wird?#

Vielen vielen lieben Dank im Voraus..

lg,
hugo

 

[Flex]

Nein, nur mit HTML wird das nicht funktionieren, da HTML das ganze nicht parsen kann.

Du musst wohl auf PHP zurückgreifen (und da du nach einer Lösung fragst, am besten ein fertiges Produkt wie Magpie RSS) oder z. B. mit JavaScript (hier als Beispiel).

Und du kannst das ganze schön in einem Div einpflegen, in dem du die Ausgabe mit HTML und CSS formatierst.

 

[hugo1981]

danke.. ich glaube der Jacascript Parser wird gut sein.
Wie/Wo kann ich da nun ein bestehendes RSS Feed einsetzten?
(Im oberen Teil wahrscheinlich.. kenne mich leider mit PH und RSS nicht aus..

<script type="text/javascript" language="javascript">
var xmlstring = '\
<rss version="2.0">\
<channel>\
   <title>Weather Underground - Rome, Italy</title>\
   <link>http://www.wunderground.com/</link>\
   <description>Weather Underground RSS Feed</description>\
   <language>EN</language>\
   <image>\
      <url>http://icons.wunderground.com/graphics/smash/wunderTransparent.gif</url>\
      <link>http://www.wunderground.com</link>\
      <title>Weather Underground</title>     \
   </image>\
   <category>weather</category>\
   <item>\
      <title>Rome, Italy Current Conditions - 5:45 PM CEST Oct. 21</title>\
      <link>http://www.wunderground.com/global/stations/16239.html</link>\
      <description>Temperature: 64°F / 18°C | Humidity: 100% | \
               Pressure: 29.92in / 1013hPa | Conditions: Mostly Cloudy | \
     Wind Direction: South | Wind Speed: 7mph / 11km/h | Updated: 5:45 PM CEST\
      </description>\
      <pubDate>Fri, 21 Oct 2005 15:45:00 GMT</pubDate>\
   </item>\
</channel>\
</rss>';

// convert string to XML object
var xmlobject = (new DOMParser()).parseFromString(xmlstring, "text/xml");

// get a reference to the root-element "rss"
var root = xmlobject.getElementsByTagName('rss')[0];
// get reference to "channel" element
var channels = root.getElementsByTagName("channel");
// now get all "item" tags in the channel
var items = channels[0].getElementsByTagName("item");
// in the "item" we have a description, so get that
var descriptions = items[0].getElementsByTagName("description");
// we also get the "pubDate" element in the "item"
var date = items[0].getElementsByTagName("pubDate");

// get the actual description as string
var desc = descriptions[0].firstChild.nodeValue;
// split the string - temperature is element #1 -> 0
var descarray = desc.split("|");
var temperature = descarray[0];
// same for the pubDate
var update = date[0].firstChild.nodeValue;
var tooltipstring = update + ": " + descarray[3];

// now we have the RSS data we want as strings - do something now :-)
alert(temperature);
alert(tooltipstring);
</script>

Weisst du auch wie ich dann über css und HTML Formatierungen für den String vornehme? Wie erkenne ich neue Feeds etc

Danke