Code-Button für HTML, Formulare, Inputs

EuroCent

EuroCent

Klappstuhl 2.0
Gibt es eine Möglichkeit mittels JS es zu schaffen

wenn ich auf Button: [xHTML] klicke das dann beispiel:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Seiten-Name</title>
</head>

<body>

</body>
</html>

dieser Zeilen text in die textarae eingetragen wird?

das selbe möchte ich mit:

Code: 
<form action="" method="">

</form>

Button: [FORM]

und

Code: 
<input type="" name="" value="" />

Button: [INPUT]

ist dies eigentlich möglich?

wenn ja wie realisiere ich das?

Ich danke wie immer im voraus
 
Hi,

Du musst nur der value-Eigenschaft der Textarea den entsprechenden String zuweisen.

Beispielsweise könntest Du ein assoziatives Array erstellen, dessen Index der Einfügefunktion übergeben
wird.
Code: 
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
  <!--
var arrText = new Array();
arrText['html'] = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n";
arrText['html'] += "<html xmlns=\"http://www.w3.org/1999/xhtml\">";
arrText['form'] = "<form action=\"\" method=\"\">\n\n</form>";

function insertText(strIndex){
	document.getElementById("area_01").value = arrText[strIndex];
}
 //-->
</script>
</head>
<body >
<form method="" action="">
  <textarea id="area_01" name="area_01" style="width: 400px; height: 200px;"></textarea>
  <button onclick="insertText('html'); return false;">HTML</button>
  <button onclick="insertText('form'); return false;">FORM</button>
</form>
</body>
</html>
Vielleicht hilft Dir das weiter.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück