don: wert von HTML Textfeld nach HTML Textfeld übergeben´!

Hallo,

ich newcommer brauche eure hilfe im Bereich Textfeldeingabe !

Ich möchte, das über ein Textfeld daten eingeben !

Dieser Dateninput soll im Zweiten Textfeld nach Betätigung eines
Buttons ausgewiesen werden.

Das zweite Textfeld besitzt jedoch einen vordefinierten Wert !
Dieser soll natürlich durch meine neue Eingabe ersetzt werden.

bin für jeden Tip Dankbar !

Gruss
don

  1. Hallo Don,

    Dieser Dateninput soll im Zweiten Textfeld nach Betätigung eines
    Buttons ausgewiesen werden.

    Das ist etwas dynamisches, das im Browser funktioniert. Dazu nimmt man
    die browserseitiger Programmiersprache Javascript. Ich war so frei, Deinen
    Themenbereich anzupassen. ;-)

    http://selfhtml.teamone.de/javascript/

    Zerlegen wir das Problem in Unterprobleme:

    Der Button soll bei einem Klick etwas tun. Dazu gibt es den Event-Handler
    onClick.

    http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onclick

    Die Textfelder sollen irgendwie ansprechbar sein. Dazu verleihst Du ihnen
    in HTML eindeutige Bezeichner, sogenannte IDs und spricht diese über die
    Javascript-Methode document.getElementById() an.

    http://selfhtml.teamone.de/html/attribute/allgemeine.htm#uebersicht
      http://selfhtml.teamone.de/javascript/objekte/document.htm#get_element_by_id

    Du mußt den Wert des ersten Textfeldes auslesen. Formularelemente haben die
    Eigenschaft value, so auch Textfelder.

    http://selfhtml.teamone.de/javascript/objekte/elements.htm#value

    Du mußt diesen Wert dem zweiten Textfeld zuweisen. Kein Problem, da value
    nicht nur lesbar, sondern auch beschreibbar ist. Zuweisungen macht man
    in Javascript mit dem Gleichzeichen.

    http://selfhtml.teamone.de/javascript/sprache/operatoren.htm#zuweisung

    bin für jeden Tip Dankbar !

    Das sollten jetzt genug sein. Ich komme beim Zusammensetzen obiger
    Informationen auf einen Einzeiler, der bequem in den Event-Handler
    reinpaßt. Du auch? ;-)

    • Tim
    --
    #999
    1. Hallo Tim,

      anbei mein code. funzt auch ! Vielen Dank !
      Jedoch möchte ich noch, dass der Wert der Eingegeben wird, als neuer
      fester wert gespeichert wird.

      Textausgabe<script type="text/javascript">

      <!--
      function MeineFunktion(eingabetext)
      {
      document.formular.Ausgabefeld.value = eingabetext;
      }
      //-->

      </script>

      <div align="center">

      <form name="formular" action>
          Texteingabe:<input type="text" name="textfeld" size="30"><br>
          <br>
          <button type="button" value="anzeigen"

      onClick="MeineFunktion(document.formular.textfeld.value)">
          Funktion aufrufen </button>
        <br>

      Textausgabe: <input size="30" value=Wert name="Ausgabefeld"><br>

      </form>
      </div>

      Gruß
      don

      1. Hallo don,

        Jedoch möchte ich noch, dass der Wert der Eingegeben wird, als neuer
        fester wert gespeichert wird.

        Äh, wie meinen? »Fest gespeichert« gilt in Javascript nur, solange, wie die
        Seite innerhalb des Browsers ist. Wenn sie weg ist, ist der Wert weg, anders
        geht nicht. Innerhalb Deiner (etwas überflüssigen) Funktion MeineFunktion
        hast Du den Wert in der Variablen eingabetext. Möchtest Du diesen Wert auch
        in anderen Funktionen benutzen, dann solltest Du eine globale Variable
        definieren, die diesen Wert zugewiesen bekomment

        Wenn Du mit »Fest gespeichert« etwas serverseitiges meinst, dann mußt
        Du den Wert mittels POST an den Server übermitteln (Dazu sind Formulare
        schließlich da). Und dann brauchst natürlich auch ein Programm auf dem
        Server, das diesen Wert weiterverarbeitet. Womit wir mitten in CGI/Perl/PHP/whatever sind, ein ganz anderes Kapitel.

        Aber ich gratuliere herzlich zur erfolgreichen Umsetzung! ;-)

        • Tim
  2. Ich möchte, das über ein Textfeld daten eingeben !
    Dieser Dateninput soll im Zweiten Textfeld nach Betätigung eines
    Buttons ausgewiesen werden.

    Ich schlage mich auch gerade seit zwei tagen mit so einem problem herum. Mein Ausgangspunkt war dieses Skript:
    http://javascript.internet.com/forms/html-preview.html

    Matthias

    1. Habe ein bissel ausprobiert !?
      Jedoch wird der wert nicht richtig übernommen !?

      Textausgabe<script type="text/javascript"

      function MeineFunktion(eingabetext)

      {
      var ausgabe = ausgabe;
      document.formular.ausgabefeld.value = ausgabe;
      }

      ?/script?
      ?div align="center"?
        ?form name="formular" action?

      Texteingabe:?input type="text" name="textfeld" size="30"?
          br

      button type="button" value="anzeigen"

      onClick="MeineFunktion(document.formular.ausgabefeld.value)"
          Übergabe /button

      br
          br
          Textausgabe:<input type="text" value=festerwert name="ausgabefeld" size="30"
        /form
      /div

      Vielleicht kann mir jemand sagen, wo der Feheler liegt ?!
      Gurss
      der Don