Javascript-forum
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>"
;

?>