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.
1
<div style="width: 200px; color: black; background-color: silver; font-family: Tahoma,sans-serif; font-size: 11px;">
2
<div style="color: white; background-color: black; font-weight: bold; font-size: 13px; text-align: center; padding-top: 5px; padding-bottom: 5px;">
3
<a href="https://knox.p-u-n-k.de/db/" style="color: white; text-decoration: none;" target="_blank">Punkkonzerte</a>
4
</div>
5
6
<?php
7
include_once ("./rss_fetch.php");
8
$html .= " <a style=\"color: black; font-weight: bold;\" href=\"#{link}\" target=\"_blank\">#{title}</a><br />\n";
9
$rss = new rss_parser("https://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="https://knox.p-u-n-k.de/db/" target="_blank">Knox Punkkonzerte Datenbank</a>
14
</div>
15
</div>
Mit allen Informationen, passend für den Hauptteil der Seite. Das Aussehen ist natürlich auch hier komplett an das Seitendesign anpassbar.
1
<div style="color: black; background-color: silver; font-family: Tahoma,sans-serif; font-size: 11px;">
2
<div style="color: white; background-color: black; font-weight: bold; font-size: 13px; text-align: center; padding-top: 5px; padding-bottom: 5px;">
3
<a href="https://knox.p-u-n-k.de/db/" style="color: white; text-decoration: none;" target="_blank">Punkkonzerte</a>
4
</div>
5
6
<?php
7
include_once ("./rss_fetch.php");
8
$html .= " <a style=\"color: black; font-weight: bold;\" href=\"#{link}\" target=\"_blank\">#{title}</a><br />\n";
9
$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("https://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="https://knox.p-u-n-k.de/db/" target="_blank">Knox Punkkonzerte Datenbank</a>
17
</div>
18
</div>
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 https://knox.p-u-n-k.de/db/index.php (für die Suche nach Veranstaltern wäre dies https://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.
1
<form action="https://knox.p-u-n-k.de/db/index.php" method="get">
2
<input type="hidden" name="action" value="suche" />
3
<input type="text" name="allgemein" value="" tabindex="1" />
4
<input class="button" type="submit" value="Suchen" tabindex="2" />
5
</form>
(
Herunterladen)
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:
1
<form action="https://knox.p-u-n-k.de/db/index.php" method="get">
2
<input type="hidden" name="action" value="suche" />
3
Allgemein: <input type="text" name="allgemein" value="" tabindex="1" /><br />
4
Gruppe: <input type="text" name="gruppe" value="" tabindex="2" /><br />
5
PLZ: <input type="text" name="plz" value="" tabindex="3" /><br />
6
Ort: <input type="text" name="ort" value="" tabindex="4" /><br />
7
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 />
8
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 />
9
<input class="button" type="submit" value="Suchen" tabindex="9" />
10
</form>
(
Herunterladen)
Veranstalter:
1
<form action="https://knox.p-u-n-k.de/db/veranstalter.php" method="get">
2
<input type="hidden" name="action" value="suche" />
3
Allgemein: <input type="text" name="allgemein" value="" tabindex="1" /><br />
4
PLZ: <input type="text" name="plz" value="" tabindex="2" /><br />
5
Ort: <input type="text" name="ort" value="" tabindex="3" /><br />
6
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 />
7
<input class="button" type="submit" value="Suchen" tabindex="5" />
8
</form>
(
Herunterladen)
Nun noch komplette Beispiele mit Formatierungen. Die Farben können einfach anhand des Stylesheets an die eigene Homepage angepasst werden.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
3
4
<head>
5
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
6
<title>Beispiel: Abfrage der Punkkonzerte Datenbank</title>
7
<style type="text/css">
8
<!--
9
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="https://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)
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
3
4
<head>
5
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
6
<title>Beispiel: Abfrage der Punkkonzerte Datenbank</title>
7
<style type="text/css">
8
<!--
9
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="https://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)