AndiMG: Textfeld(Datum) einmal befüllen -> automatisch mehrfach kopieren

Hallo,

ich habe folgendes "Problem":

Ich erstelle gerade eine HTML-Seite auf welcher ein vorgefertigter Text durch eigene Daten (das Datum) ergänzt werden muss. Hierbei wird in diesem Text drei Mal diese Datum "erwähnt".
Nun sollte es so sein, dass das Datum nur einmal in ein Text/Formularfeld eingefügt wird und sofort auch in den anderen Datumsfeldern im Text erscheint.

Kann mir hierzu jemand einen Tipp geben?

  1. @@AndiMG:

    nuqneH

    Ich erstelle gerade eine HTML-Seite auf welcher ein vorgefertigter Text durch eigene Daten (das Datum) ergänzt werden muss. Hierbei wird in diesem Text drei Mal diese Datum "erwähnt".
    Nun sollte es so sein, dass das Datum nur einmal in ein Text/Formularfeld eingefügt wird und sofort auch in den anderen Datumsfeldern im Text erscheint.

    ?? Du sprichst in Rätseln. Wie kommt das Datum aus dem Formular in den Text? Ist das Eingabefeld auf derselben Webseite oder einer anderen?

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
  2. Hi,

    Nun sollte es so sein, dass das Datum nur einmal in ein Text/Formularfeld eingefügt wird und sofort auch in den anderen Datumsfeldern im Text erscheint.

    Meinst Du eine Ersetzung im Text?
    <!DOCTYPE html>
    <html lang="de">
    <head>
    </head>
    <body>
        <div id="main">
            <p id="date-out">
                [Datum]
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
                tempor invidunt ut labore et dolore magna aliquyam erat, [Datum] sed diam voluptua.
                At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
                gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
                [Datum]
            </p>
            <form action="#">
                <p>
                    <input onblur="document.getElementById('date-out').innerHTML=document.getElementById('date-out').innerHTML.replace(/[Datum]/g, this.value)" type="text" id="date-in" />
                </p>
            </form>
        </div>
    </body>
    </html>

    Gruesse, Joachim

    --
    Am Ende wird alles gut.
    1. @@Joachim:

      nuqneH

      Meinst Du eine Ersetzung im Text?

      Was immer er meint …

      Ich würde im Markup bereits Elemente für die Ersetzungen vorsehen:

              <p><!-- @id="date-out" ist nicht unbedingt nötig. -->  
                  <date class="TBA"></date>  
                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod  
                  tempor invidunt ut labore et dolore magna aliquyam erat, <date class="TBA"></date> sed diam voluptua.  
                  At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd  
                  gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.  
                  <date class="TBA"></date>  
              </p>
      

      Dann muss man die betreffenden Stellen nicht per Stringfunktionen heraussuchen.

      Qapla'

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Mark Twain)