Thema: HTML Formular mit Kalender

So, nun bringe ich hier mal was rein
Ich arbeite derzeit an einer Homepage für einen COD-Clan und möchte ein Formular einfügen bei welchem ein anderer Clan eine Anfrage zu einem "battle" eintragen kann. Soweit ja kein Problem.
Nun soll dieses Formular allerdings mit einem Kalender daherkommen bei welchem man einen Tag und eine Urzeit anklicken kann. Dieses Datum+Zeit soll selbstverständlich mit dem ausgefüllten Forumlar an den Clancheff gehen.
Nun stellt sich mir die Frage kann ich das mit HTML realisieren oder geht das nur mit PHP, Java oder Ajax? Und vorallem wie^^ Auf Java soll möglichst verzichtet werden!

Danke im voraus für die Antworten

EDIT: Alternativ nehme ich Datum+Zeit einfach als Eingabefeld mit in das Formular aber es ist im Grunde anders gewünscht.

Hier mal ein Java Code

PHP-Code:

<link rel="stylesheet" media="screen" href="css/dynCalendar.css" />
<script language="javascript" type="text/javascript" src="javascript/browserSniffer.js"></script>
<script language="javascript" type="text/javascript" src="javascript/dynCalendar.js"></script>

<form name="calendar_test">
    <input type="text" name="date_input1">
    <script language="JavaScript" type="text/javascript">
    <!--
        /**
        * Example callback function
        */
        function calendar1Callback(date, month, year)
        {
            document.forms['calendar_test'].date_input1.value = date + '/' + month + '/' + year;
        }

        calendar1 = new dynCalendar('calendar1', 'calendar1Callback');
    //-->
    </script>
</form> 


Also ich habe mich nun dazu entschieden das mit JQuery zu machen. Nur stehe ich da vor dem Problem das ich nicht weiß wie ich das einbinden soll...
evtl. weiß da ja wer was bin ja selber noch am üben

Hier mal mein Code:

HTML-Code:

<form action="http://www.vvv-clan.net/cgi-bin/selfmail.pl" method="post">
<input type="hidden" name="return" value="http://www.vvv-clan.net/danke.html">
<input type="hidden" name="delimiter" value=": ">
<input type="hidden" name="subject" value="Battle Anfrage">
<p>Wie nennt sich euer Clan?<br><input name="clan" type="text" size="30" maxlength="30"></p>
  <p>Welche ist eure Homemap?<br><input name="home" type="text" size="30" maxlength="40"></p>
  <p>Wann soll der Kampf stattfinden?<br><input name="datum" type="text" size="30" maxlength="40"></p>
  <p>Wie können wir euch erreichen? E-Mail oder ein Massenger<br><input name="datum" type="text" size="30" maxlength="40"></p>
<input type="submit"><input type="reset">
</form>

Und hier gehts zur Seite: -VVV- Fun Spieler Gemeinschafft

Thanks

Ich hatte das erst in der Gewerbeschule (kanns aber immer noch nicht gut)

Soweit ich interpretieren kann, machst du das wie wenn man einen Benutzer Accout erstellen will. (Gemeint ist das Formular)

Und hinterher wird das ganze in eine Datenbank geschrieben und dem Clan Chef als Mail zugestellt wird, Richtig?

Wir machten das ganze mit html, nur gings nicht um games sondern um Autos welche zur Reparatur gebracht werden und dann sollte dem Besitzer eine Mail gesendet werden wann er seine Kiste wieder holen darf.

Ich suche mal den Quellcode, im super riesen Schulordner durcheinander (es gib leute die können Ordner nicht nach dem Inhalt benennen)

Ist ein ganz normales html-formular mit verweis auf eine Pearl Datei welche im cgi-bin Ordner liegt und sendmail auf dem Server ausführt. Eben noch mit entsprechenden Parametern ersetzt. Wichtig wäre für mich nun zu wissen wie ich die JQuery Codes einbinden muss damit alles klappt. Ohne Styles geht es mit dem Code:

HTML-Code:

<script type="text/javascript">
var urls=new Array("slide/1.jpg","slide/2.jpg","slide/3.jpg","slide/4.jpg");
var idx=Math.floor(Math.random()*urls.length);
document.writeln("<img src="+urls[idx]+">");
</script>

Hier mal zum ansehen -> -VVV- Fun Spieler Gemeinschafft

Sobald ich jedoch auf die Java Scrips verweisen möchte oder die CSS von der HP hinzufüge zeigt er nichtsmehr an...

HTML-Code:

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
        <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>

EDIT: Auf die Spalte hinter Date klicken, dann öffnet sich der Kalender

Schön das es geklappt hat

Also ich habe es nun geschafft. Ein $funktion() Parameter fehlte...
Es lüppt -> http://vvv-clan.net/herausfordern.html
Schankedön für die Anstöße hier kann dann zu

Geschlossen.
mfg
Gipse