Textarea leeren, ohne Seite neu zu laden

Textarea leeren, ohne Seite neu zu laden - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: Textarea leeren, ohne Seite neu zu laden (/showthread.php?tid=262)

Textarea leeren, ohne Seite neu zu laden - ASenna - 18.10.2021

Moin,

ich würde gern ein Textarea leeren, ohne dass die Seite neu geladen wird. Folgenden Code habe

Code:
document.getElementById("btn_textfeldleeren").addEventListener("click", 

    function () { 

        document.getElementById("mailtext").value=""; 

    }

);

Eingebunden ist der Button zum Auslösen des Skriptes mit:

Code:
<script type="text/javascript" src="' . $ordner_js . 'feld_leeren.js"></script>

Code:
...

<button id="btn_textfeldleeren" class="btn_duenn">Textfeld leeren</button>

Und das dürfte wohl auch das Problem sein, weil der Button-Tag immer eine neue Seite beim Server abfordert, oder?

RE: Textarea leeren, ohne Seite neu zu laden - admin - 21.10.2021

Man müsste deinen ganzen Code sehen , an besten ein Link zu der Seite.
Dein Button alleine lädt die Seite nicht neu.
Ohne neu laden müsste es so aussehen

RE: Textarea leeren, ohne Seite neu zu laden - ASenna - 25.10.2021

So schaut das bei mir gegenwärtig aus. Die Variable $ausgabe wird am Ende des PHP-Skripts mit Return ausgegeben

$ausgabe .= '<a name="TextfeldBeginn"></a>';
$ausgabe .= '</p></div><br><div class="wrapper"><p class="left50">Nachfolgender Text steht in der Mail:</p><p class="rright50">
<button id="btn_textfeldleeren" class="btn_duenn">Textfeld leeren</button></p></div>';
$ausgabe .= "<textarea name='mailtext' rows='4' placeholder='Ein Hinweis vom IfaG:\r\nFür Ihren Kurs wurde soeben ein neuer Download bereitgestellt. Abrufbar ist der Download unter\r\nhttps://www.ifag-berlin.de/ifag-intern/\r\nIhr IfaG-Team'></textarea>";
$ausgabe .= '<script>
          document.getElementById("btn_textfeldleeren").addEventListener("click",
   function () {
    document.getElementById("mailtext").value="";
   }
);
</script>';

Ursprünglich hatte ich die Function mit

[color=#6a9955]<script type="text/javascript" src="' . $ordner_js . 'feld_leeren.js"></script>

und dann im Button-Tag durch onclick=".:." auf diese Function verwiesen. Meine Seite läuft über Wordpress, falls das noch wichtig ist.

AS

RE: Textarea leeren, ohne Seite neu zu laden - admin - 26.10.2021

Warum machst du das über Php ?
Ich sehe da kein sinn bis jetzt.
Dann mach es so

PHP-Code:
<?php

echo  "<div class='wrapper'>

                   <p class='left50'>Nachfolgender Text steht in der Mail:</p>

                   <p class='rright50'>

                             <button id='btn_textfeldleeren' class='btn_duenn'>Textfeld leeren</button>

                   </p>

            </div>

            <textarea name='mailtext' id='mailtext' rows='4' placeholder='Ein Hinweis vom IfaG:\r\nFür Ihren Kurs wurde soeben ein neuer Download bereitgestellt. Abrufbar ist der Download unter\r\nhttps://www.ifag-berlin.de/ifag-intern/\r\nIhr IfaG-Team'></textarea>

            <script>

                document.getElementById('btn_textfeldleeren').addEventListener('click',function () {

                      document.getElementById('mailtext').value='';

                });

            </script>";

?>