Formular das filtert

sight011

sight011

Erfahrenes Mitglied
Ich hatte ja gerade Zwischenprüfung:

Und eine Aufgabe war es ein Formular zu erstellen, das gewisse Punkte filtern sollte.

1. Es ging um Termine einer Sommerveranstaltung, bei diesen Terminen sollteman auswählen können in welchem Monat man teilnehmen möchte.

2. und es sollte nach Altersgruppen sortiert werden (Kinder von 5-10, 11-20, ... beispielsweise)

lässt sich so etwas über html realisieren oder würde man das über php, javascript oder ähnliches bewerkstelligen?

Zum Glück mussten wir nur Das Design dafür erstellen :)

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

<title>Sommerspiele 2010 im Allg&auml;u</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

</head>

<body>

<div class="navikontakt">

<a href="kontakt.html">Kontakt</a> 

<div class="point">&bull;</div>
<a href="impressum.html">Impressum</a>

</div>

<div class="header">
<img src="bilder/headerlogo.png" alt="header"/>
</div>
<div class="buttonai">
<img src="bilder/button.png" alt="buttonoptisch">
</div>

<div class="bild">
<img src="bilder/bild2.png" alt="Mainpic"/>
</div>

<div class="fotos">
</div>


<div class="navi">
<a href="index.html"></a></div>
<div class="navi2">
<a href="angebot.html"></a></div>
<div class="navi4">
<a href="sommerspiele.html"></a>
</div>


<div class="content">

<div class="formular">

<div class="hl11"><b><br>Sommerspiele 2010</b></div>
<div class="text11">Gemeinsam mit dem Jugendzentrum Heubach/Allg&auml;u haben wir ein Ferienspielprogramm gestaltet, an dem alle Kinder unserer Ferieng&auml;ste mitmachen d&uuml;rfen.

<div class="check">

<form action="input_checkbox.htm">
<p>Kreuzen Sie die gew&uuml;nschten Monat an:</p>
<p>
<input type="checkbox" name="monat" value="alle">Alle<br>
<input type="checkbox" name="monat" value="Juli">Juli<br>

<input type="checkbox" name="monat" value="August">August<br>
</p>
</form>


<form action="input_checkbox.htm">
<p>Kreuzen Sie die gew&uuml;nschte Option an:</p>
<p>
<input type="checkbox" name="kids" value="Alle Kinder">Alle Kinder<br>
<input type="checkbox" name="kids" value="Kinder bis 10">Kinder bis 10 Jahre<br>
<input type="checkbox" name="kids" value="Kinder von 10 bs 17">Kinder von 10 bis 17 Jahre<br>

<input type="checkbox" name="kids" vaue="Kinder und Erwachsene">Kinder und Erwachsene<br>

<p>
</form>

<form>
<input type="submit" value=" Best&auml;tigen ">
</form>

</div>


</div>
</div>







<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>
<div class="hl3"><b>16.07.2010 - Der Natur auf der Spur</b></div>
<div class="text3">Verschlungene Pfade, stille Gew&auml;sser, spektakul&auml;re Aussichten: Bei abenteuerlichen Exkursionen durch Flora und Fauna rund um den Berghof sind wir gemeinsam mit den Kids den Geheimnissen von Wald, Wiese und Bach auf der Spur. 
<br><b>F&uuml;r Kinder von 6 bis 12 Jahren
Ab 9.00 Uhr</b>

</div>

<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>
<div class="hl3"><b>17.07.2010 - M&auml;rchen-Feeling</b></div>
<div class="text3">Wollt Ihr die Welt der M&auml;rchen neu erleben und Euch als sch&ouml;ne Prinzessin oder mutigen Ritter f&uuml;hlen? Um das richtige M&auml;rchen-Feeling zu bekommen, werden wir einen Ausflug zu einer eindrucksvollen Burg unternehmen.
<br><b>F&uuml;r Kinder von 4 bis 8 Jahren
13 bis 18 Uhr</b>
</div>

<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>
<div class="hl3"><b>26.07.2010 - Musik aus der Natur</b></div>
<div class="text3">Mit dem Musikverein Heubach: Bei einer gemeinsamen kleinen Wanderung sammeln wir Materialien, mit denen wir Instrumente bauen, um ein Klangspiel aufzunehmen. Im Anschluss wird gegrillt. 
<br><b>F&uuml;r Kinder von 6 bis 12 Jahren
14.30 bis ca. 18.30 Uhr</b>
</div>

<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>
<div class="hl3"><b>31.07.2010 - Kindertheater "Paulchen und die BlubbBlubbs"</b></div>

<div class="text3">Zusammen mit den Kindern entdeckt Paul das Geheimnis der Zauberkiste ... 
<br><b>F&uuml;r Kinder ab 4 Jahre
In der Kulturscheune, Einlass ab 16.30 Uhr 
Beginn: 17 Uhr</b>
</div>

<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>
<div class="hl3"><b>02.08.2010 - Fackelbau</b></div>
<div class="text3">Wir sammeln Fackelholz, schmelzen Wachs und bauen eine Fackel. Ist es dunkel genug, machen wir eine Fackel-Wanderung und werden gemeinsam grillen. 
<br><b>F&uuml;r Kinder ab 6 Jahre 
17.30 Uhr bis ca. 20 Uhr </b>
</div>

<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>
<div class="hl3"><b>06.08.2010 - Sportsnight</b></div>
<div class="text3">Fu&szlig;ball, Hockey, Basketball, Badminton oder Tischtennis? Es darf gew&auml;hlt werden. 
<br><b>F&uuml;r Kids von 12 bis 17 Jahren
In der Sporthalle Heubach
19.30 Uhr bis 22 Uhr</b>
</div>

<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>

<div class="hl3"><b>14.08.2010 - M&auml;rchennacht</b></div>
<div class="text3">M&auml;rchen, Mythen, Sagen und phantastische Geschichten.
In der Kulturscheune
<br><b>F&uuml;r Kinder und Erwachsene
Beginn: 20 Uhr</b>
</div>

<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>
<div class="hl3"><b>15.08.2010 - Familien-Radtour</b></div>
<div class="text3">Die Familien-Radtour findet j&auml;hrlich immer mehr begeisterte Anh&auml;nger. Drei Streckenl&auml;ngen  &ndash; von 15, 25 oder 50 Kilometer &ndash; stehen zur Verf&uuml;gung. Familien mit kleinen Kindern radeln die 15 Kilometer-Strecke durch das Heuchbachtal. Trainierte Radler nehmen die 50 Kilometer-Strecke in Angriff. Knapp 800 H&ouml;henmeter Unterschied m&uuml;ssen auf der Route &uuml;ber Heubach, Bernbach, &uuml;ber Michelsbach zum Naturpark Sch&ouml;nwald &uuml;berwunden werden. 

<br><b>F&uuml;r Kinder und Erwachsene
Beginn: 9 Uhr </b>
</div>


<div class="symbol3">
<img src="bilder/franf.png" alt="symbol"/>
</div>
<div class="hl3"><b>21.08.2010 - Hoffest</b></div>
<div class="text3">Das Angebot zum Hoffest verspricht einen abwechslungsreichen unterhaltsamen Tag f&uuml;r die ganze Familie, mit vielen St&auml;nden mit Obst, Gem&uuml;se aus heimischem Anbau, K&auml;se, Wurst und Fleisch, Gefl&uuml;gel, K&uuml;rbisse, einer Ausstellung historischer und neuer Handwerksger&auml;te und Fahrzeuge. F&uuml;r die Kinder: Kutschfahrten, Ponyreiten, Wettmelken und Streichelzoo. 

<br><b>F&uuml;r Kinder und Erwachsene
Beginn: 11 Uhr</b>
</div>


<div class="footer">
</div>

</div>



</body>

</html>


EDIT: Ich darf leider nich die komplette Seite hier posten, weil die Bilder geschützts sind!
 
Hallo!

HTML kann keinen HttpRequest auswerten.
Mit JavaScript sollte es möglich sein, allerdings ist zu bedenken dass im Browser auch JavaScript aktiviert sein muss.

Da es sich aber nur um die Auswertung der Formulardaten handelt, und nicht um irgendwelchen "nützlichen Funktionen", würde ich eher zu einer serverseitigen Scriptsprache raten.
Du kannst also getrost auf JavaScript verzichten.

Ich weiss zwar nicht wozu Du 3 Formulare erstellt hast, aber Du kannst nur eines davon abschicken..... nämlich das, welches einen Submit-Button enthält. ;)
Ich würde also nur ein Formular erstellen.

Auch ist zu bedenken dass bei einer Checkbox eine Mehrfachauswahl möglich ist.
Damit auch eine Mehrfachauswahl ausgewertet werden kann muss das name-Attribut entweder unterschiedliche Werte erhalten oder Du legst es als Array an (monat[], kids[]).

Gruss Dr Dau
 
Ich weiss zwar nicht wozu Du 3 Formulare erstellt hast, aber Du kannst nur eines davon abschicken..... nämlich das, welches einen Submit-Button enthält.
Ich würde also nur ein Formular erstellen.
Zum Vergrößern anklicken....

Auha böser Fehler -Dank Dir! Aber ich lerne ja auch noch ;)


...würde ich eher zu einer serverseitigen Scriptsprache raten.
Zum Vergrößern anklicken....

Das heißt zu deutsch für einen normal-sterblichen :confused: ;)


Danke-Danke schonmal!
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück