[JavaScript] Break in einem Formular?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von steiny, 10. Februar 2007 .

  1. 10. Februar 2007
    Break in einem Formular?

    HTML:
    <script language="javascript">
    <!--
    function copy(){
    window.document.getElementById("hierkommtertextrein").innerHTML=window.document.getElementById("eingabe").value
    }
    //-->
    </script>
    
    <form name="blub">
    <textarea name="eingabe" onkeyup="javascript:copy()" id="eingabe"> </textarea>
    </form>
    <div id="hierkommtertextrein">
    </div>
    Ich will folgendes machen:
    Wenn man einen Text eingibt, dann soll dieser Text unterhalb des Eingabefeldes angezeigt werden.
    Dies schaft der Script schon! Aber wie mache ich es, dass wenn man in Textfeld einen
    Zeilenumbruch macht, dass dieser auch im <div> umgesetzt wird?

    thx
     
  2. 10. Februar 2007
    AW: Break in einem Formular?

    prinzip: eingabe durchlaufen - wenn auf einen zeilenumbruch gestossen wird, durch html-tag ersetzen, andernfalls zeichen übernehmen. denke, meine kommentare sind eindeutig.
    ich hab die breite des divs vorgegeben, damit es ein eventuelles design nicht sprengt - ob das gewollt ist, musst du wissen. was das script nicht macht: mehrere leerzeichen nacheinander übernehmen, die müssten durch & nbsp ; ersetzt werden.
    HTML:
    <script language="javascript">
     <!--
     function copy() {
     s = document.getElementById("eingabe");
     t = document.getElementById("hierkommtertextrein");
    
     // search text for line breaks
     r = "";
     for(i=0; i<s.value.length; i++)
     if(s.value.charAt(i) != '\n')
     r += s.value.charAt(i); // not found, just copy char
     else
     r += "<br />"; // found, replace with html tag
     t.innerHTML = r;
     }
     //-->
    </script>
    
    
    <form name="blub">
     <textarea name="eingabe" onkeyup="javascript:copy()" id="eingabe">
     </textarea>
    </form>
    
    <div id="hierkommtertextrein" style="width: 300px; border: 1px solid black; background: #eeeeee;">
    </div>
    
     
  3. 10. Februar 2007
    AW: Break in einem Formular?

    Den Regulären Ausdruck "(\r\n|\r|\n)" drüberlaufen lassen und die Treffer mit "<br>" bzw. "<br />" ersetzen.
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.