RSS-Feeds in Startseite übersichtlich einbauen?

[Christian W.]

So, dann wage ich mich auch mal in die PHP-Ecke
Mit folgendem Anliegen:
Momentan habe ich als Startseite iG**gle, welches mir schön übersichtlich News per rss und auch Lesezeichen darstellt.
Sowas muss aber doch auch möglich sein, ohne immer irgendwo angemeldet zu sein, deswegen will ich mir meine Startseite selberbauen
Ausgelesen und dargestellt bekomme ich die Feeds momentan mit magpie, welcher per PHP funktioniert. Man kopiert sich ein paar Dateien auf den Server und schreibt sich einen php-Code in die Seite. Der sieht so aus (hab ihn mir aus einem Tutorial zusammengestückelt ):

Code: Alles auswählen

<?php
include('rss_fetch.inc');

   // Set error reporting for this
error_reporting(E_ERROR);

   // Fetch RSS feed
$rss = fetch_rss('http://www.chip.de/rss/rss_downloads.xml');

if ($rss)
{

   // Split the array to show first 5 
$items = array_slice($rss->items, 0, 5);
   // Cycle through each item and echo 
foreach ($items as $item )
{   
echo '<li><a href="'.$item['link'].'">'.$item['title'].'</a> - '.$item['description'].'</li>'; 
}
}
else
{
  echo '<h2>Error:</h2><p>'.magpie_error().'</p>';
}
   // Restore original error reporting value
@ini_restore('error_reporting');
?>

Das sieht dann etwa so aus:

rss1.jpg (24.42 KiB) 180-mal betrachtet

Ich hätte jetzt allerding gerne, dass die Beschreibung nicht neben dem Link steht, sondern erscheint, wenn man mit der Maus über den Link zeigt. Tooltips quasi. Aus Platzgründen Bei iG**gle geht das so, und so gefällt es mir auch.

Sowas geht wohl per CSS (Tutorial hier), aber kann man das mit PHP kombinieren? Und wie komme ich an die Beschreibung?
Bin da etwas hilflos, was meine weiter Vorgehensweise betrifft Was soll ich wie tun?

Christian

[Avedo]

Ich denke es wäre das beste, wenn du dir diesen genialen Artikel durchließt und einfach die PHP-Funktionen nutzt. Dort ist genau beschrieben, wie man diese nutzt und was RSS ist und ausmacht. Die Formatierung ist dann noch reines HTML und CSS. Das sollte dir helfen und wenn nicht, ist dir nicht zu helfen .
MfG, Andy

[Christian W.]

Puh, ich hock immer noch an diesen Feeds
Danke für den Link, der war hilfreich und das hat auch soweit funktioniert Ich werd aber wohl bei magpie bleiben, weil ich da zB nur die letzten 5 Beiträgen anzeigen lassen kann. Aber das ist ja eigentlich auch egal, das nimmt sich ja beides nicht viel...
Jedenfalls bekomme ich alles schön angezeigt und hab jetzt schon irgendwie auf eine css-Datei verlinkt.
Außerdem habe ich das Tooltips-Tut hier mal gemacht und versucht mit einzubauen, aber das klappt nicht... Die Zeile mit den Tooltips kann ich erst unter dem php-code schreiben, wenn keine Fehlermeldung kommen soll.

Also, die eigentliche Frage ist: Wie kann ich den css-Tooltip im php-code anwenden, bzw. wie kann ich von außerhalb des php auf die News-Beschreibung zugreifen?

Hier mein jetziger code:

Code: Alles auswählen

<?php
define("MAGPIE_CACHE_DIR", "cache");
define("MAGPIE_CACHE_AGE", "6");
require_once("rss_fetch.inc");
$url = "http://www.chip.de/rss/rss_downloads.xml";
if ( $url )
{
$num_items = 5;
$rss = fetch_rss( $url );
$items = array_slice($rss->items, 0, $num_items);   
echo "<div id='frticker'>";
echo "<h1>News: " . $rss->channel["title"] . "</h1>";
echo "<ul>";
foreach ($items as $item) {
$href = $item["link"];
$title = $item["title"];
echo "<li><a href=$href target='_blank'>$title</a></li>";
$beschreibung = $item["description"];
echo "<li><a href=$href target='_blank'>$beschreibung</a></li>";
}
echo "</ul>";
echo "</div>";
}
?>

<link rel="stylesheet" type="text/css" href="layout.css">

<a href="#" class="tooltip">CSS-Tooltips<span><b>CSS-Tooltips</b>XXX</span></a>


und das Ergebnis:
[url=entfernt]<Link>[/url]

Ich danke schonmal bis jetzt und hoffe, dass mein Gebrabbel um diese Urzeit überhaupt verständlich gewesen ist

Christian

[Ingo]

Hoi.

Der Technik besteht darin, dass man einen beliebigen Link zu einem Tooltip machen kann, indem man
ihm die Klasse "tooltip" gibt und den Tiptext, der nur bei :hover angezeigt wird, als <span> in den Link
schreibt. Struktur:

Code: Alles auswählen

<a class="tooltip" ... >
  Linktext
  <span> <b>Tiptitel</b> Tiptext </span>
</a>


Für dein Skript entsprechend sieht das z.B. so aus (Test):

Code: Alles auswählen

<?php
 
  ...
 
  foreach ($items as $item)
  {
    $href = $item["link"];
    $title = $item["title"];
    $beschreibung = $item["description"];
    echo "<li><a href=$href target=\"_blank\" class=\"tooltip\">$title<span>$beschreibung</span></a></li>";
  }

  echo "</ul>";
  echo "</div>";
}
?>


Ich hoffe, jetzt ist es eher verständlich

Gruß, Ingo

[Christian W.]

Perfekt, genauso soll es sein und genauso funktionierts dann jetzt bei mir auch
Ich bedanke mich
Christian

PS: Ich schätze aber mal, ich werd mich noch das ein oder andere mal hier blicken lassen müssen

[Ingo]

Hm. So perfekt dann leider doch nicht. Da lungern in der $description ab und zu ein Link samt Bild 'rum,
irgendwas mit da.feedsportal.com, offenbar Werbung. Ein a.tooltip span a { display:none } hilft leider
nichts, wohl aber ein a img { display:none }. Vielleicht könnte man das auch im PHP-Teil herausfiltern.

[Christian W.]

Oh, nanu, wie kommt denn da Wernung rein? Mir ist das noch nicht aufgefallen. Wie äußert sich das denn?
Kommt das vom chip-Feed oder von magpie?

[Ingo]

Kommt wohl von Chip, es sind genau die beiden N*kia-Bilder wie auf der Chip-RSS-Seite.
Die Bilder sind Teil der $description. - Wäre eh mal interessant, wie "robust" die CSS-Tooltips
bei diversen Feeds sind. In den Beschreibungen dürfen nämlich keine aktiven Elemente wie Links
auftauchen. Ggf. müssten wir uns da was einfallen lassen.

[Christian W.]

Ach, na die von chip sind mir ja welche
Wegen den N*kia-Bildern wusste ich erst gar nicht, was du meinst... bis ich auf der chip-rss-Seite den AdblockPlus ausgeschaltet hatte, dann hab ich sie gesehen
Also, du kannst dir natürlich gerne etwas einfallen lassen , aber wenn die Bilder weggefiltert werden, stören sie mich ja nicht Davon abgesehen, dass dann die Seite vielleicht länger lädt...
Und ich will ja nicht nur chip-Feeds auf meiner Seite, sondern dann auch Nachrichten etc. und es werden doch wohl nicht alle Newsfeeds Werbung mitschicken

Wenn natürlich dann doch mal so ein riesiges Handybild in meiner frisch gebastelten Seite auftaucht und mir mein Layout zerhackt, bist du natürlich wieder gefordert!