Externe Inhalte mit eigenem Stil versehen

DerBogo · 17. August 2010

Halli hallo,

ich hoffe mal dass ich hier überhaupt im richtigen Unterforum bin. Ich habe folgendes Problem.

Und zwar geht es auf dieser Seite Klick mich hart

um die rechts sichtbare Tabelle. Die wird im moment noch manuell in html eingegeben, allerdings gibt es auch 2 weitere Quellen

http://www.faustball-liga.de/bundesligen/maenner/1_bundesliga_sued/tabelle_und_spieltage/

http://www.faustball-ergebnisse.de/
hier geht es um die 1. Bundesliga süd männer

wie kann ich diese Tabellen umwandeln dass sie auf meiner seite integriert werden, aber mit meinen Farb und schriftvorgaben und auch ein paar spalten wegzulassen, ist das überhaupt möglich oder besser manuell weiter eintragen?

Danke schonmal für hilfe

[o.0] · 17. August 2010

Da würde sich Screen Scraping anbieten, aber eventuell vorher abklären ob das vom Webseitenbetreiber erlaubt wäre.
Du könntest zb mit einem Script einmal am Tag diese Seite einlesen, mit regulären Ausdrücken die gewünschten Daten extrahieren und in irgend einer Form abspeichern - entweder in einer Datenbank oder vielleicht sogar die komplette Seite mit den aktuellen Informationen.
Das Script startest du dann gelegentlich per Cronjob, fertig.

Wäre zb in PHP ziemlich einfach zu realisieren.. aber wie gesagt, erstmal nachfragen ob einem das erlaubt wird, das ist afaik rechtlich nicht einfach so der Fall

DjNDB · 17. August 2010

Ich habe dir mal eine Quick+Dirty Lösung gebastelt, welche die Tabelle von http://www.faustball-ergebnisse.de/ über Javascript einbettet und anschließend bearbeitet. In diesem Fall wird nur die Spalte "Sätze" versteckt, sodass nur die Informationen angezeigt werden, die auch auf deiner Seite stehen.

Ähnlich könnte man auch die Farben definieren oder die Tabelle bearbeiten, sodass sie fast genau wie die bisherige aussieht.

Es ist zwar nicht schön, da es nur mit Javascript funktioniert, und sich darauf verlässt, dass die Tabelle in diesem Format ist, aber solange sich daran nichts ändert funktioniert es.

Code:

<html>
<head>
<style type="text/css">
<!--
#tabelle > TABLE > TBODY > TR:first-child > TH:first-child + TH + TH + TH { display: none;}
#tabelle > TABLE > TBODY > TR > TD:first-child + TD + TD + TD { display: none;}
-->
</style>


</head>
<body>
<div id="tabelle">
<script language="JavaScript" src="http://www.faustball-ergebnisse.de/tab.php?LigaNr=123403"/></script>
</div>
</body>
</html>

Es gibt die Ergebnisse auf der Seite auch als HTML Tabelle zum einbinden via PHP. Theoretisch könnte man diese dann serverseitig parsen und aufbereiten. Dann bräuchten die Clients kein Javascript mehr.

Die schönste Lösung wäre aber natürlich die Ergebnisse über eine sauber definierte Schnittstelle z.B. als XML zu erhalten und daraus selbst die Tabelle zu generieren die man möchte.

DerBogo · 30. August 2010

Dass die tabelle von der seite per einbindungslink gestellt wird hab ich schon gesehn, dann hab ich aber das problem mit dem design.

Wie kann ich denn automatisch die farbige gestaltung der einzelnen zeilen einrichten, so dass wie bei mir zeilen 1-3 immer grün, und die letzten beiden rot werden

DjNDB · 30. August 2010

DerBogo schrieb:
Wie kann ich denn automatisch die farbige gestaltung der einzelnen zeilen einrichten, so dass wie bei mir zeilen 1-3 immer grün, und die letzten beiden rot werden

In Firefox ab 3.5 kannst du das mit CSS lösen.

Da du aber sicher nicht nur CSS3 Browser unterstützen möchtest, ist wahrscheinlich eine Lösung über Javascript besser.

So zum beispiel:

Code:

<html>
<head>
<style type="text/css">
<!--
#tabelle > TABLE > TBODY > TR:first-child > TH:first-child + TH + TH + TH { display: none;}
#tabelle > TABLE > TBODY > TR > TD:first-child + TD + TD + TD { display: none;}
#tabelle > TABLE > TBODY > TR > TD:first-child + TD + TD + TD { display: none;}
#tabelle > TABLE , TD , TH {  border-style:  none; border: 0px;}

-->
</style>


</head>
<body>
<div id="tabelle">
<script language="JavaScript" src="http://www.faustball-ergebnisse.de/tab.php?LigaNr=123403"></script>
<script language="JavaScript">
var trs = document.getElementById("tabelle").getElementsByTagName("tr");

// In TR 0 sind die Überschriften
if (trs.length >= 4) {
trs[1].style.color="#009900";
trs[2].style.color="#009900";
trs[3].style.color="#009900";
}

if (trs.length >= 6) {
trs[trs.length-1].style.color="#FF0000";
trs[trs.length-2].style.color="#FF0000";
}
</script>
</div>
</body>
</html>

DerBogo · 31. August 2010

Okay, das habe ich jetzt soweit drin, das problem ist nur, wenn ich es als separate datei online stelle

http://www.pfungstadt-faustball.de/tabtest.php

funktioniert es auch, bis auf die schriftart, aber okay.

sobald ich es dann aber über eine include funktion einbauen will

</td>
<td align="right">
<table align="right" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right"><?php include("tabtest.php"); ?></td>
</tr>
<tr>
<td align="right"><?php include("map.php"); ?></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

überschreibt er mir die einstellungen.

Ich sag gleich, ich hab von dem kram eigentlich KEINE ahnung, tu das nur freunden zu liebe. Obwohl die seite so wie sie da ist komplett aus meiner Feder stammt.

Danke weiterhin für die wirklich effektive hilfe bis jetzt

DerBogo · 7. September 2010

Suche

Externe Inhalte mit eigenem Stil versehen

DerBogo

Cadet 2nd Year

[o.0]

Lt. Commander

DjNDB

Lt. Commander

DerBogo

Cadet 2nd Year

DjNDB

Lt. Commander

DerBogo

Cadet 2nd Year

DerBogo

Cadet 2nd Year

Ähnliche Themen