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

Eingabe an Inputfeld übergeben

Stephan 26.06.2012 01:09

html

hallo,

hab folgendes Problem.

Ich hab einen Kalender (Ex coolest DHTML Calender) mit 2 Input feldern. AnreiseDatum und AbreiseDatum. Die ausgewählten Daten werden in eine Inputfeld übernommen und per Form an eine andere Seite überegeben (Anfrage)

In der Anfrage sollte dann das vorher gewählte Datum in einem Inputfeld stehen..... NUr dieses ist leider leer....

Get dies mit getElementById("input");???????

Habt ihr vielleicht irigendwelche Tipps oder Tricks????

DANKE

Beitrag melden

– Informationen zu den Bewertungsregeln

Eingabe an Inputfeld übergeben

Gunnar Bittersmann Homepage des Autors 26.06.2012 02:52

html

– Informationen zu den Bewertungsregeln

@@Stephan:

nuqneH

Habt ihr vielleicht irigendwelche Tipps

Ja, die für Fragende. In der Charta.

oder Tricks????

Nein, keine faulen Tricks. Nicht sagen, du hättest sie gelesen, wenn du das nicht getan hast.

Qapla'

--
Wer möchte nicht lieber durch Glück dümmer als durch Schaden klüger werden? (Salvador Dalí)

Beitrag melden

– Informationen zu den Bewertungsregeln

Eingabe an Inputfeld übergeben

Stephan 26.06.2012 09:42

html

– Informationen zu den Bewertungsregeln

@@Stephan:

nuqneH

Habt ihr vielleicht irigendwelche Tipps

Ja, die für Fragende. In der Charta.

oder Tricks????

Nein, keine faulen Tricks. Nicht sagen, du hättest sie gelesen, wenn du das nicht getan hast.

Qapla'

ist nicht ganze die Antwort die ich mir erhofft habe...

Beitrag melden

– Informationen zu den Bewertungsregeln

Eingabe an Inputfeld übergeben

Gunnar Bittersmann Homepage des Autors 26.06.2012 10:06

html

– Informationen zu den Bewertungsregeln

@@Stephan:

nuqneH

ist nicht ganze die Antwort die ich mir erhofft habe...

Das könnte an der Frage liegen …

Qapla'

--
Wer möchte nicht lieber durch Glück dümmer als durch Schaden klüger werden? (Salvador Dalí)

Beitrag melden

– Informationen zu den Bewertungsregeln

Eingabe an Inputfeld übergeben

dedlfix 26.06.2012 10:25

html

– Informationen zu den Bewertungsregeln

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.

Beitrag melden

– Informationen zu den Bewertungsregeln

Eingabe an Inputfeld übergeben

Stephan 26.06.2012 11:01

html

– Informationen zu den Bewertungsregeln

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

Eingabe an Inputfeld übergeben

Eingabe an Inputfeld übergeben

Eingabe an Inputfeld übergeben

Eingabe an Inputfeld übergeben

Eingabe an Inputfeld übergeben

Eingabe an Inputfeld übergeben

Eingabe an Inputfeld übergeben