Eingabe an Inputfeld übergeben von Stephan, 26.06.2012 11:01

Eingabe an Inputfeld übergeben

Stephan 26.06.2012 11:01

html

Tach!

ist nicht ganze die Antwort die ich mir erhofft habe... Das könnte an der Frage liegen …

Was Gunnar meint ist, dass du zu einer qualifizierten Antwort nicht genügend Anhaltspunkte geliefert hast. Dazu fehlt einfach das Wissen über den Aufbau der problematischen Stelle. Man kann dir nicht viel mehr antworten, als auch in der Dokumentation zu getElementById() steht, nämlich wie es grundlegend funktoniert. Ob dir das was für dein Problem nützt ist, oder ein komplett anderes Vorgehen sinnvoll ist, kann derzeit keiner wissen.

dedlfix.

so hier nochmal zur Erklärung:

Auf Seite 1 wird das Datum per Kalenderauswahl gewählt und soll dann auf Seite 2 im Feld Anreise übernommen werden

Des weiteren würde ich gerne auf Seite 1 im Inputfeld Anreise immer das akutelle Datum gerne haben...

Hoff es ist jetzt etwas verständlicher...

Hier:

Seite 1:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<style type="text/css">@import url(http://www.unlockme.at/DMS/Zimmer/calendar-blue.css);</style>
<script type="text/javascript" src='http://www.unlockme.at/DMS/Zimmer/calendar.js'></script>
<script type="text/javascript" src='http://www.unlockme.at/DMS/Zimmer/calendar-en.js'></script>
<script type="text/javascript" src='http://www.unlockme.at/DMS/Zimmer/calendar-de.js'></script>
<script type="text/javascript" src='http://www.unlockme.at/DMS/Zimmer/calendar-setup.js'></script>
        <td width="176"><table width="176" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><h1>UNVERBINDLICHE ANFRAGE</h1></td>
          </tr>
          <tr>
            <td valign="top">

<script type="text/javascript">
<!--

function gueltigesDatum(datum)
{
  if (!datum)
    return false;
  datum=datum.toString();
  datum=datum.split(".");
  if (datum.length!=3)
    return false;
  datum[0]=parseInt(datum[0],10);
  datum[1]=parseInt(datum[1],10)-1;
  if (datum[2].length==2)
    datum[2]="20"+datum[2];
  var kontrolldatum=new Date(datum[2],datum[1],datum[0]);
  if (kontrolldatum.getDate()==datum[0] && kontrolldatum.getMonth()==datum[1] && kontrolldatum.getFullYear()==datum[2])
     return true;
  else
     return false;
}

function pruefeFelder()
{
  var ergebnis = true;
  var antwort = "";
  if (!gueltigesDatum(form1.AnreiseDatum.value))
  {
    antwort += 'Ungültiges Anreisedatum. Bitte in der Form tt.mm.jjjj eingeben. Beispiel: 26.06.2012';
    ergebnis = false;
  }
  if (!ergebnis)
    alert(antwort);
  return ergebnis;
}
//-->
</script>

<form name="form1" method="post" action="2.html" onSubmit="return pruefeFelder()">
  <table width="176" border="0" align="left">
    <tr>
      <td>Anreise</td>
      <td><input type="text" name="AnreiseDatum" id="AnreiseDatum" size="15" maxlength="10" style="width: 70px" value="">
        <a href="#"><img src="" border="0" align="absmiddle" id="input_anreisedatum" ></a></td>
    </tr>
    <tr>
      <td>Nächte</td>
      <td>
        <input type="text" name="Naechte" value="" size="5" style="width: 70px">
 </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input name="image" type="image" src="img/anfragen.gif" alt="Abschicken" width="70" height="22" /></td>
    </tr>
    <tr>
      <td colspan="0">      </td>
    </tr>
  </table>
</form>


<script type="text/javascript">
  Calendar.setup(
    {
      inputField  : "AnreiseDatum",         // ID of the input field
      ifFormat    : "%d.%m.%Y",    // the date format
      button      : "input_anreisedatum"       // ID of the button
    }
  );
</script>

</body>
</html>

Seite 2:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">@import url(http://www.unlockme.at/DMS/Zimmer/calendar-blue.css);</style>
<script type="text/javascript" src='http://www.unlockme.at/DMS/Zimmer/calendar.js'></script>
<script type="text/javascript" src='http://www.unlockme.at/DMS/Zimmer/calendar-en.js'></script>
<script type="text/javascript" src='http://www.unlockme.at/DMS/Zimmer/calendar-de.js'></script>
<script type="text/javascript" src='http://www.unlockme.at/DMS/Zimmer/calendar-setup.js'></script>

        <form method="POST" action="/cgi-bin/formmail.pl">
        <input type="hidden" name="recipient" value="test@test.com       ">
        <input type="hidden" name="subject" value="Anfrage">
        <input type="hidden" name="redirect" value="test.html">
        <input type="hidden" name="missing_fields_redirect" value="fehler.html">
        <input type="hidden" name="required" value="name, email
        ">
  <table width="100%" border="0" cellpadding="3" cellspacing="1">
    <tr>
      <td class="preisehead"><strong>Ich ersuche um </strong></td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="40" class="button"><input name="Ich ersuche um" type="radio" value="Anfrage" checked /></td>
          <td width="120" class="button">Anfrage</td>
          <td width="40" class="button"><input name="Ich ersuche um" type="radio" value="Reservierung" /></td>
          <td width="140" class="button">Reservierung</td>
          <td class="button">&nbsp;</td>
          <td class="button">&nbsp;</td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td class="preisehead"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="324"></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td class="preisehead"><strong>Anreisedatum</strong></td>
    </tr>
    <tr>
      <td>
<script type="text/javascript">
<!--

function gueltigesDatum(datum)
{
  if (!datum)
    return false;
  datum=datum.toString();
  datum=datum.split(".");
  if (datum.length!=3)
    return false;
  datum[0]=parseInt(datum[0],10);
  datum[1]=parseInt(datum[1],10)-1;
  if (datum[2].length==2)
    datum[2]="20"+datum[2];
  var kontrolldatum=new Date(datum[2],datum[1],datum[0]);
  if (kontrolldatum.getDate()==datum[0] && kontrolldatum.getMonth()==datum[1] && kontrolldatum.getFullYear()==datum[2])
     return true;
  else
     return false;
}

function pruefeFelder()
{
  var ergebnis = true;
  var antwort = "";
  if (!gueltigesDatum(form1.AnreiseDatum.value))
  {
    antwort += 'Ungültiges Anreisedatum. Bitte in der Form tt.mm.jjjj eingeben. Beispiel: 26.06.2012';
    ergebnis = false;
  }
  if (!ergebnis)
    alert(antwort);
  return ergebnis;
}
//-->
</script>



<table width="100%" height="30" border="0" cellpadding="4" cellspacing="0">
                      <tbody>
                        <tr bgcolor="#FFFFFF">
                          <td width="50" bgcolor="#FFFFFF">Anreise:</td>
                          <td width="26" align="left" bgcolor="#FFFFFF"><a href="#"><img src="" border="0" align="absmiddle" id="input_anreisedatum2" ></a><a href="#"></a></td>
                          <td align=left bgcolor="#FFFFFF"><a href="#">
                            <input id="AnreiseDatum2" size="12" name="AnreiseDatum2" value="26.06.2012">
                          </a></td>
                        </tr>
                      </tbody>
                    </table>
                    <table width="100%" height="30" border="0" cellpadding="4" cellspacing="0">
                      <tbody>
                        <tr bgcolor="#FFFFFF">
                          <td width="50" bgcolor="#FFFFFF">Nächte:</td>
                          <td width="26" bgcolor="#FFFFFF"> </td>
                          <td bgcolor="#FFFFFF"><input id="Naechte" size="12" name="Naechte" value=" 7"></td>
                        </tr>
                      </tbody>
                  </table>
<script type="text/javascript">
  Calendar.setup(
    {
      inputField  : "AnreiseDatum2",         // ID of the input field
      ifFormat    : "%d.%m.%Y",    // the date format
      button      : "input_anreisedatum2"       // ID of the button
    }
  );
</script>
</td>
    </tr>
         <tr>   <td><span class="send">
              <INPUT name=Absenden type=submit id="Absenden" value="Senden">
            </span></td>
          </tr>
      </table></td>
    </tr>
  </table>
</body>
</html>

PS: Ja ich weiß die Tags passen nicht ganz... :-)

DANKE

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Stephan: Eingabe an Inputfeld übergeben

Beitrag lesen

Eingabe an Inputfeld übergeben

Eingabe an Inputfeld übergeben