von Jazzy » 24.06.2004, 19:24
ha, kaum poste ich hier, hab ich die lösung selber rausbekommen *g*
für alle die das auch mal brauchen:
1. variante:
<html>
<head>
<title>Farbe des textAreas aendern</title>
<meta name="generator" content="HTML Studio">
<script language="javascript">
function changeColor(obj){
obj.style.backgroundColor = '#0000CC';
}
</script>
</head>
<body>
<form name="form1" method="post">
<textarea wrap=virtual name="textfeld" id="textfeld"></textarea>
<input type="button" value="Farbe ändern" name="farbButton" onClick="changeColor(textfeld)">
</form>
</body>
</html>
2. variante:
<html>
<head>
<title>Farbe des textAreas aendern</title>
<meta name="generator" content="HTML Studio">
<script language="javascript">
function changeColor(obj, button){
if (button.id == "btnBlau") {
obj.style.backgroundColor = '#0000CC';
}
else {
if (button.id == "btnRot"){
obj.style.backgroundColor = '#FF0000';
}
else{
if (button.id == "btnGelb"){
obj.style.backgroundColor = '#FFFF33';
}
}
}
}
</script>
</head>
<body>
<form name="form1" method="post">
<textarea wrap=virtual id="textfeld"></textarea>
<input id="btnBlau" type="button" value="Farbe blau"
onClick="changeColor(textfeld, btnBlau)">
<input id="btnRot" type="button" value="Farbe rot"
onClick="changeColor(textfeld, btnRot)">
<input id="btnGelb" type="button" value="Farbe gelb"
onClick="changeColor(textfeld, btnGelb)">
</form>
</body>
</html>