nicht angemeldet
Hi also...ich hab folgendes Problem:
ich hab hier dieses dokument:
<html>
<head>
<link rel="stylesheet" type="text/css" href="button.css">
<script type="text/javascript">
function button_text(text)
{
var new_text = document.createTextNode(text);
document.getElementById("newText").replaceChild(new_text, document.getElementById("newText").firstChild);
}
function changeColor(form)
{
var Farbwert = "";
Farbwert = form.FarbeLinks.options[form.FarbeLinks.selectedIndex].value;
document.getElementById('Symbol').style.background = "Farbwert";
}
</script>
</head>
<body>
<table>
<table style="padding:0px;border-spacing;0px;margin:0px">
<td id="Symbol" width="20%" style="padding:5px;background:#ffff00">
>
</td>
<td width="80%" bgcolor="#CCCCCC">
<form id="newText">
aendert den Text
</form>
</td>
</tr>
</form>
</table>
<form action="." method="get">
<p>
<label for="mytext">neuer Text:</label><br>
<textarea id="mytext" rows="3" cols="20"></textarea><br>
</p>
</form>
<div>
<form onsubmit="return false;">
<button name="mybutton" style="padding:0px">
<table style="padding:0px;border-spacing;0px;margin:0px">
<tr>
<td width="20%" style="padding:5px;background-color:#ffff00">
>
</td>
<td width="80%">
<form id="">
aendert den Text
</form>
</td>
</tr>
</table>
</button>
<input type="button" value="kopieren" onclick="button_text(document.getElementById('mytext').value);">
</form>
<table>
<tr>
<td>
<form name="Farbauswahl" id="Farbauswahl">
<select name="FarbeLinks" size="6">
<option value="#FF0000" selected>rote Farbe</option>
<option value="#fefc57">gelbe Farbe</option>
<option value="#25c30b">grüne Farbe</option>
<option value="#000000">schwarzer Kontrast</option>
<option value="#1e07ff">blaue Farbe</option>
</select>
<input type="button" value="übergabe" onclick="changeColor(this.form);"
</form>
<td>
</tr>
</body>
</html>
Die Tabelle in der der Text änderbar ist und deren Farbhintergrund geändert werden soll soll einen...provisorischen button darstellen...
und darunter ist noch ein zweiter button mit dem <button> tag gemacht.
So nun mein Problem...Ich würde gerne eine Funktion schreiben.Die die Werte meiner "BEIDEN" Funktionen nimmt...und per createElement einen <button> tag erstellt...in javascript...ich bekomme das einfach nicht gebacken...Die Funktion soll sich einfach die Werte für den neuen Text und die WErte der neuen Farbe schnappen und einen <button> zusammenbauen...nicht per innerHTML...das soll reihnes javascript sein...aber wie gesagt ich kriegs nicht hin....kann mir da jemand helfen mit?wäre sehr dankbar dafür.
Struppi
MudGuard