Hilfe » In die eigene Homepage einbinden


Per Feed

Die Konzerte könnt ihr über die RSS Feeds auch in die eigene Homepage einbinden. Dazu schreibt ihr euch entweder einen RSS Fetcher oder nutzt ein vorgefertigtes Skript, beispielsweise von Hotscripts.com oder PHP Classes. Beispielhaft sei die Verwendung mit der PHP Klasse RSS Fetch von NeoProgrammers.Com verdeutlicht. Wir laden uns die Klasse also auf der Homepage herunter, in der Readme stehen schon die wichtigsten Informationen. Die Klasse rss_fetch.php kopieren wir auf unseren Webspace und bauen die Daten nach folgendem Schema in unsere Homepage ein. Das Aussehen muss natürlich noch entsprechend angepasst werden.

Nur die Titelzeilen, beispielsweise für den Seitenblock.


<div style="width: 200px; color: black; background-color: silver; font-family: Tahoma,sans-serif; font-size: 11px;">  
  <div style="color: white; background-color: black; font-weight: bold; font-size: 13px; text-align: center; padding-top: 5px; padding-bottom: 5px;">  
    <a href="http://knox.p-u-n-k.de/db/" style="color: white; text-decoration: none;" target="_blank">Punkkonzerte</a>  
  </div>  
 
<?php  
include_once ("./rss_fetch.php");  
$html .= " <a style=\"color: black; font-weight: bold;\" href=\"#{link}\" target=\"_blank\">#{title}</a><br />\n";  
$rss = new rss_parser("http://knox.p-u-n-k.de/db/feed.php", 15, $html, 1);  
10 
?>  
11 
 
12 
  <div style="color: white; background-color: gray; border: 1px solid black;">  
13 
    Konzerttermine bereitgestellt von <a style="color: white;" href="http://knox.p-u-n-k.de/db/" target="_blank">Knox Punkkonzerte Datenbank</a>  
14 
  </div>  
15 
</div> 

Anklicken zum Vergrößern

Mit allen Informationen, passend für den Hauptteil der Seite. Das Aussehen ist natürlich auch hier komplett an das Seitendesign anpassbar.


<div style="color: black; background-color: silver; font-family: Tahoma,sans-serif; font-size: 11px;">  
  <div style="color: white; background-color: black; font-weight: bold; font-size: 13px; text-align: center; padding-top: 5px; padding-bottom: 5px;">  
    <a href="http://knox.p-u-n-k.de/db/" style="color: white; text-decoration: none;" target="_blank">Punkkonzerte</a>  
  </div>  
 
<?php  
include_once ("./rss_fetch.php");  
$html .= " <a style=\"color: black; font-weight: bold;\" href=\"#{link}\" target=\"_blank\">#{title}</a><br />\n";  
$html .= " #{description}<br />\n";  
10 
$html .= " #{pubDate}\n";  
11 
$html .= " <hr style=\"border-left: 0; bprder-right: 0; border-top: 1px solid black; border-bottom: gray;\"/>";  
12 
$rss = new rss_parser("http://knox.p-u-n-k.de/db/feed.php", 25, $html, 1);  
13 
?>  
14 
 
15 
  <div style="color: white; background-color: gray; border: 1px solid black;">  
16 
    Konzerttermine bereitgestellt von <a style="color: white;" href="http://knox.p-u-n-k.de/db/" target="_blank">Knox Punkkonzerte Datenbank</a>  
17 
  </div>  
18 
</div> 

Anklicken zum Vergrößern

Die folgenden Einschränkungen der Ergebnisliste sind über die Mitgabe in der URL möglich:

allgemein: Sucht bei den Konzerten nach den angegebenen Begriffen in den Feldern Gruppe, Ort, Wo und Sonstiges.
Beispiel: http://knox.p-u-n-k.de/db/feed.php?allgemein=az

gruppe: Sucht nach einer Gruppe mit den angegebenen Begriffen.
Beispiel: http://knox.p-u-n-k.de/db/feed.php?gruppe=punk

plz_von / plz_bis: Wird nur der Parameter plz_von angegeben, werden nur Konzerte zurückgegeben, die mit dieser PLZ übereinstimmen. Es kann aber auch ein PLZ Bereich angegeben, indem sowohl plz_von als Start-Postleitzahl sowie plz_bis für die letzte Postleitzahl angegeben werden.
Beispiel: http://knox.p-u-n-k.de/db/feed.php?plz_von=50000&plz_bis=60000

datum_von / datum_bis: Wird nur der Parameter datum_von angegeben, werden nur Konzerte zurückgegeben, die an diesem Tag stattfinden. Es kann aber auch ein Datumsbereich angegeben, indem sowohl datum_von als Start-Datum sowie datum_bis für das letzte Datum angegeben werden. Das Datum ist jeweils im Format tt.mm.jjjj anzugeben.
Beispiel: http://knox.p-u-n-k.de/db/feed.php?datum_von=01.04.2006&datum_bis=01.05.2006


Formularabfrage

Ihr habt auch die Möglichkeit, die Suchabfrage direkt in eure Seite einzubauen. Hierzu müsst ihr lediglich ein kleines Formular in eure HTML-Quelle einbauen.

Ein minimales Beispiel würde folgendermaßen aussehen:
1: Starten des Formulars mit der URL http://knox.p-u-n-k.de/db/index.php (für die Suche nach Veranstaltern wäre dies http://knox.p-u-n-k.de/db/veranstalter.php)
2: Ein internes Hidden Feld. Muss auf jeden Fall angegeben werden, damit die Abfrage funktioniert.
3: Das Eingabefeld für die allgemeine Suche. Wichtig ist der Name "allgemein".
4: Das Input Feld zum Absenden des Formulars
5: Beenden des Formulars

Insgesamt unterscheidet sich die Suche nach Konzerten von der nach Veranstaltern nur insofern, dass sich die URL wie unter (1) beschrieben von index.php zu veranstalter.php ändert und bei den Veranstaltern logischerweise die Felder für Gruppe und Datum fehlen.


<form action="http://knox.p-u-n-k.de/db/index.php" method="get">  
  <input type="hidden" name="action" value="suche" />  
  <input type="text" name="allgemein" value="" tabindex="1" />  
  <input class="button" type="submit" value="Suchen" tabindex="2" />  
</form> 
(Herunterladen)

Anklicken zum Vergrößern

Die Abfrage funktioniert theoretisch auch ohne ein einziges Eingabefeld, das würde die Sache dann aber ziemlich unlogisch machen. Ihr könnt für die Suche die folgenden Felder nutzen, in beliebiger Zusammenstellung. Fett angegeben ist der jeweilige Name des Input-Felds.
allgemein: Sucht bei den Konzerten in den Feldern Gruppe, PLZ Ort, Veranstalter und Sonstiges. Bei Veranstaltern wird im Titel, PLZ und Ort gesucht.
gruppe: Sucht im Feld Gruppe. Nur bei der Suche nach Konzerten verfügbar.
plz: Sucht im Feld PLZ.
ort: Sucht im Feld Ort.
umkreis: Sucht in einem Umkreis von x Kilometern um die angegebene PLZ. Maximale Angabe ist 100, öhere Angaben werden aus Performancegründen ignoriert.
tag, monat, jahr: Sucht nach einem bestimmten Datum. Kann als Input-Felder angelegt werden, sinnvollerweise empfehlen sich aber Select-Boxen. Nur bei der Suche nach Konzerten verfügbar.

Konzerte:


<form action="http://knox.p-u-n-k.de/db/index.php" method="get">  
  <input type="hidden" name="action" value="suche" />  
  Allgemein: <input type="text" name="allgemein" value="" tabindex="1" /><br />  
  Gruppe: <input type="text" name="gruppe" value="" tabindex="2" /><br />  
  PLZ: <input type="text" name="plz" value="" tabindex="3" /><br />  
  Ort: <input type="text" name="ort" value="" tabindex="4" /><br />  
  Umkreis: <select name="umkreis" /><option value=""></option><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select><br />  
  Datum: <select name="tag" tabindex="6"><option value=""></option><option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <select name="monat" tabindex="7"><option value=""></option><option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select> <select name="jahr" tabindex="8"><option value=""></option><option value="2005">2005</option><option value="2006">2006</option></select><br />  
  <input class="button" type="submit" value="Suchen" tabindex="9" />  
10 
</form> 
(Herunterladen)

Anklicken zum Vergrößern

Veranstalter:


<form action="http://knox.p-u-n-k.de/db/veranstalter.php" method="get">  
    <input type="hidden" name="action" value="suche" />  
  Allgemein: <input type="text" name="allgemein" value="" tabindex="1" /><br />  
  PLZ: <input type="text" name="plz" value="" tabindex="2" /><br />  
  Ort: <input type="text" name="ort" value="" tabindex="3" /><br />  
  Umkreis: <select name="umkreis" tabindex="4" /><option value=""></option><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select><br />  
  <input class="button" type="submit" value="Suchen" tabindex="5" />  
</form> 
(Herunterladen)

Anklicken zum Vergrößern

Nun noch komplette Beispiele mit Formatierungen. Die Farben können einfach anhand des Stylesheets an die eigene Homepage angepasst werden.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
 
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>Beispiel: Abfrage der Punkkonzerte Datenbank</title>  
<style type="text/css">  
<!--  
td, input{  /***** Tabellenspalten und Input-Felder *****/  
10 
  font-family: Tahoma,sans-serif;  /* Schriftart Tahoma */  
11 
  font-size: 12px;  /* Schriftgroesse 12 Pixel */  
12 
}  
13 
a{  /***** Links (a href) *****/  
14 
  font-weight: bold;  /* Fettschrift */  
15 
  text-decoration: none;  /* Keine Unterstreichung */  
16 
  color: #000000;  /* Textfarbe schwarz */  
17 
}  
18 
table{  /***** Tabellen *****/  
19 
  width: 272px;  /* Breite der Tabelle */  
20 
  border: 1px solid #000000;  /* Rahmen 1 Pixel breit schwarz */  
21 
  border-collapse: collapse;  /* Rahmen um die Zeilen nicht anzeigen */  
22 
}  
23 
th{ /***** Titelzeile *****/  
24 
  font-weight: bold;  /* Fettschrift */  
25 
  color: #ffffff;  /* Textfarbe weiss */  
26 
  background-color: #000000;  /* Hintergrundfarbe schwarz */  
27 
}  
28 
tr{  /***** Tabellenzeilen *****/  
29 
  color: #000000;  /* Textfarbe schwarz */  
30 
  background-color: #cccccc;  /* Hintergrundfarbe hellgrau */  
31 
}  
32 
td{  /***** Tabellenspalten *****/  
33 
  padding: 2px;  /* 2 Pixel Freiraum zwischen Rahmen und Text */  
34 
}  
35 
input{  /***** Input Felder *****/  
36 
  width: 200px;  /* Breite 200 Pixel */  
37 
}  
38 
input.plz{  /***** Input Feld PLZ *****/  
39 
  width: 40px;  /* Breite 50 Pixel */  
40 
}  
41 
input.ort{  /***** Input Feld Ort *****/  
42 
  width: 156px;  /* Breite 156 Pixel */  
43 
}  
44 
input.button{  /***** Input Buttons *****/  
45 
  width: 49.9%;  /* Laenge je 49,9% des zur Verfuegung stehenden Platzes */  
46 
}  
47 
-->  
48 
</style>  
49 
</head>  
50 
 
51 
<body>  
52 
<form action="http://knox.p-u-n-k.de/db/index.php" method="get">  
53 
    <input type="hidden" name="action" value="suche" />  
54 
  <table>  
55 
    <tr>  
56 
      <th colspan="2">  
57 
        Suche nach Konzerten  
58 
      </th>  
59 
    </tr>  
60 
    <tr>  
61 
      <td>  
62 
        Allgemein:  
63 
      </td>  
64 
      <td>  
65 
        <input type="text" name="allgemein" value="" tabindex="1" />  
66 
      </td>  
67 
    </tr>  
68 
    <tr>  
69 
      <td colspan="2" style="height: 5px;">  
70 
      </td>  
71 
    </tr>  
72 
    <tr>  
73 
      <td>  
74 
        Gruppe:  
75 
      </td>  
76 
      <td>  
77 
        <input type="text" name="gruppe" value="" tabindex="2" />  
78 
      </td>  
79 
    </tr>  
80 
    <tr>  
81 
      <td>  
82 
        PLZ / Ort:  
83 
      </td>  
84 
      <td>  
85 
        <input class="plz" type="text" name="plz" value="" tabindex="3" /><input class="ort" type="text" name="ort" value="" tabindex="4" />  
86 
      </td>  
87 
    </tr>  
88 
    <tr>  
89 
      <td>  
90 
        Umkreis:  
91 
      </td>  
92 
      <td>  
93 
        <select name="umkreis" tabindex="5" />  
94 
            <option value=""></option>  
95 
            <option value="10">10</option>  
96 
            <option value="25">25</option>  
97 
            <option value="50">50</option>  
98 
            <option value="100">100</option>  
99 
        </select>  
100 
      </td>  
101 
    </tr>  
102 
    <tr>  
103 
      <td>  
104 
        Datum:  
105 
      </td>  
106 
      <td>  
107 
        <select name="tag" tabindex="6">  
108 
          <option value=""></option>  
109 
          <option value="1">01</option>  
110 
          <option value="2">02</option>  
111 
          <option value="3">03</option>  
112 
          <option value="4">04</option>  
113 
          <option value="5">05</option>  
114 
          <option value="6">06</option>  
115 
          <option value="7">07</option>  
116 
          <option value="8">08</option>  
117 
          <option value="9">09</option>  
118 
          <option value="10">10</option>  
119 
          <option value="11">11</option>  
120 
          <option value="12">12</option>  
121 
          <option value="13">13</option>  
122 
          <option value="14">14</option>  
123 
          <option value="15">15</option>  
124 
          <option value="16">16</option>  
125 
          <option value="17">17</option>  
126 
          <option value="18">18</option>  
127 
          <option value="19">19</option>  
128 
          <option value="20">20</option>  
129 
          <option value="21">21</option>  
130 
          <option value="22">22</option>  
131 
          <option value="23">23</option>  
132 
          <option value="24">24</option>  
133 
          <option value="25">25</option>  
134 
          <option value="26">26</option>  
135 
          <option value="27">27</option>  
136 
          <option value="28">28</option>  
137 
          <option value="29">29</option>  
138 
          <option value="30">30</option>  
139 
          <option value="31">31</option>  
140 
        </select>.  
141 
        <select name="monat" tabindex="7">  
142 
          <option value=""></option>  
143 
          <option value="1">01</option>  
144 
          <option value="2">02</option>  
145 
          <option value="3">03</option>  
146 
          <option value="4">04</option>  
147 
          <option value="5">05</option>  
148 
          <option value="6">06</option>  
149 
          <option value="7">07</option>  
150 
          <option value="8">08</option>  
151 
          <option value="9">09</option>  
152 
          <option value="10">10</option>  
153 
          <option value="11">11</option>  
154 
          <option value="12">12</option>  
155 
        </select>.  
156 
        <select name="jahr" tabindex="8">  
157 
          <option value=""></option>  
158 
          <option value="2005">2005</option>  
159 
          <option value="2006">2006</option>  
160 
        </select>  
161 
      </td>  
162 
    </tr>  
163 
    <tr>  
164 
      <td colspan="2">  
165 
        <input class="button" type="submit" value="Suchen" tabindex="9" /><input class="button" type="reset" tabindex="10" />  
166 
      </td>  
167 
    </tr>  
168 
  </table>  
169 
</form>  
170 
</body>  
171 
 
172 
</html> 
(Herunterladen)

Anklicken zum Vergrößern

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
 
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>Beispiel: Abfrage der Punkkonzerte Datenbank</title>  
<style type="text/css">  
<!--  
td, input{  /***** Tabellenspalten und Input-Felder *****/  
10 
  font-family: Tahoma,sans-serif;  /* Schriftart Tahoma */  
11 
  font-size: 12px;  /* Schriftgroesse 12 Pixel */  
12 
}  
13 
a{  /***** Links (a href) *****/  
14 
  font-weight: bold;  /* Fettschrift */  
15 
  text-decoration: none;  /* Keine Unterstreichung */  
16 
  color: #000000;  /* Textfarbe schwarz */  
17 
}  
18 
table{  /***** Tabellen *****/  
19 
  width: 272px;  /* Breite der Tabelle */  
20 
  border: 1px solid #000000;  /* Rahmen 1 Pixel breit schwarz */  
21 
  border-collapse: collapse;  /* Rahmen um die Zeilen nicht anzeigen */  
22 
}  
23 
th{ /***** Titelzeile *****/  
24 
  font-weight: bold;  /* Fettschrift */  
25 
  color: #ffffff;  /* Textfarbe weiss */  
26 
  background-color: #000000;  /* Hintergrundfarbe schwarz */  
27 
}  
28 
tr{  /***** Tabellenzeilen *****/  
29 
  color: #000000;  /* Textfarbe schwarz */  
30 
  background-color: #cccccc;  /* Hintergrundfarbe hellgrau */  
31 
}  
32 
td{  /***** Tabellenspalten *****/  
33 
  padding: 2px;  /* 2 Pixel Freiraum zwischen Rahmen und Text */  
34 
}  
35 
input{  /***** Input Felder *****/  
36 
  width: 200px;  /* Breite 200 Pixel */  
37 
}  
38 
input.plz{  /***** Input Feld PLZ *****/  
39 
  width: 40px;  /* Breite 50 Pixel */  
40 
}  
41 
input.ort{  /***** Input Feld Ort *****/  
42 
  width: 156px;  /* Breite 156 Pixel */  
43 
}  
44 
input.button{  /***** Input Buttons *****/  
45 
  width: 49.9%;  /* Laenge je 49,9% des zur Verfuegung stehenden Platzes */  
46 
}  
47 
-->  
48 
</style>  
49 
</head>  
50 
 
51 
<body>  
52 
<form action="http://knox.p-u-n-k.de/db/veranstalter.php" method="get">  
53 
    <input type="hidden" name="action" value="suche" />  
54 
  <table>  
55 
    <tr>  
56 
      <th colspan="2">  
57 
        Suche nach Veranstaltern  
58 
      </th>  
59 
    </tr>  
60 
    <tr>  
61 
      <td>  
62 
        Allgemein:  
63 
      </td>  
64 
      <td>  
65 
        <input type="text" name="allgemein" value="" tabindex="1" />  
66 
      </td>  
67 
    </tr>  
68 
    <tr>  
69 
      <td colspan="2" style="height: 5px;">  
70 
      </td>  
71 
    </tr>  
72 
    <tr>  
73 
      <td>  
74 
        PLZ / Ort:  
75 
      </td>  
76 
      <td>  
77 
        <input class="plz" type="text" name="plz" value="" tabindex="2" /><input class="ort" type="text" name="ort" value="" tabindex="3" />  
78 
      </td>  
79 
    </tr>  
80 
    <tr>  
81 
      <td>  
82 
        Umkreis:  
83 
      </td>  
84 
      <td>  
85 
        <select name="umkreis" tabindex="4" />  
86 
            <option value=""></option>  
87 
            <option value="10">10</option>  
88 
            <option value="25">25</option>  
89 
            <option value="50">50</option>  
90 
            <option value="100">100</option>  
91 
        </select>  
92 
      </td>  
93 
    </tr>  
94 
    <tr>  
95 
      <td colspan="2">  
96 
        <input class="button" type="submit" value="Suchen" tabindex="5" /><input class="button" type="reset" tabindex="6" />  
97 
      </td>  
98 
    </tr>  
99 
  </table>  
100 
</form>  
101 
</body>  
102 
 
103 
</html> 
(Herunterladen)

Anklicken zum Vergrößern
RSS Feed  Knox Punk/Hardcore Konzerttermine Mobile  Deutsche Sprache  English language