Code per Klick in Textarea hinzufügen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Code per Klick in Textarea hinzufügen

    hi

    habe mir folgenden Code zusammengebaut um über einen Link einen vor definierten Text in die <textarea> hinzu zu fügen.
    Funktioniert auch soweit :)

    Problem:
    ich möchte nicht normalen Text sondern html Code einfügen der aber als normaler Text sichtbar ist
    also ich weiß schon das man Code mit <pre> als Text anzeigen kann
    aber wie würde es aussehen wenn ich z.B. per Knopfdruck den Code für ein Textfeld einfügen möchte ?

    Damit Ihr mich richtig versteht ich möchte so eine Art Formular Generator machen wäre wahrscheinlich auch eleganter wenn man die Textfelder und anderen Elemente sofort Grafisch darstellen würde aber so fortgeschritten bin ich noch nicht

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
    5. <script type="text/javascript">
    6. function AddItem(FeldName,Text){
    7. var target = document.form1.elements[FeldName];
    8. target.value = target.value +Text;
    9. }
    10. </script>
    11. </head>
    12. <body>
    14. <form action="" enctype="multipart/form-data" name="form1">
    15. <textarea name="feld" rows="2" cols="50"></textarea><br>
    16. </form>
    18. <br><br><br> <a href="#" onclick="AddItem('feld','blaa\n')">Text Feld</a><br>
    20. </body>
    21. </html>
    Alles anzeigen

  • Eventuel hilft dir diese Anregung:

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
    5. <script type="text/javascript">
    6. function AddItem(FeldName, Text) {
    7. var target = document.form1.elements[FeldName];
    8. var name = document.form1.elements['feldname'];
    9. var id = document.form1.elements['feldid'];
    11. Text = Text.replace('#id#', id.value);
    12. Text = Text.replace('#name#', name.value);
    13. target.value = target.value + Text;
    14. }
    15. </script>
    16. </head>
    17. <body>
    19. <form action="" enctype="multipart/form-data" name="form1">
    20. <textarea name="feld" rows="2" cols="50"></textarea><br>
    22. <br><br>
    23. ID: <input type="text" name="feldid"><br>
    24. Name: <input type="text" name="feldname">
    25. </form>
    27. <a href="#" onclick="AddItem('feld' ,'&lt;input type=&quot;text&quot; id=&quot;#id#&quot; name=&quot;#name#&quot; /&gt;\n')">Text Feld</a>
    28. <br>
    30. </body>
    31. </html>
    Alles anzeigen


    Thomas

  • ok ist eine Lösung der zeigt mir halt nur die 2 Textfelder an aber wenn jetzt noch die ganzen anderen Sachen dazu kommen radio Buttons Checkbox usw... dann wird das Java Script ja total groß habe jetzt mal versucht einfache Anfürungszeichen ' zu nehmen und das ganze normal zu escapen mit Backslashs \ das geht auch aber ich brauch ja die doppelten " Zeichen gibt es keine saubere Lösung ?