Thomas: TextArea value auslesen und in CSS button einfügen?

Beitrag lesen

Oder auch, unter Verwendung von node.replaceChild(), mit z.B. einer Tabellenzelle als "Button".

Siehe auch: [ref:self811;javascript/objekte/node.htm#replace_child] [ref:self811;javascript/objekte/htmlelemente.htm] (für per JS änderbare Eigenschaften der HTML-Elemente)



<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" >
 <head>
  <title>Texttausch</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <script type="text/javascript">
  /* <![CDATA[ */
   function button_text(text)
   {
    var new_text = document.createTextNode(text);
    document.getElementById("mybutton").replaceChild(new_text, document.getElementById("mybutton").firstChild);
   }
  /* ]]> */
  </script>
 </head>
 <body>
  <table>
   <tr>
    <td id="mybutton">Anfangswert</td>
   </tr>
  </table>
  <form action="." method="get">
   <p>
    <label for="mytext">neuer Text:</label><br />
    <textarea id="mytext" rows="3" cols="20"></textarea><br />
    <input type="button" value="kopieren" onclick="button_text(document.getElementById('mytext').value);">
   </p>
  </form>
 </body>
</html>

Bis denn dann,

Thomas