mithilfe javascript die farbe ändern

hier können Fragen zu Anwendungen gestellt werden

Moderator: Global Moderator

mithilfe javascript die farbe ändern

Beitragvon Jazzy » 23.06.2004, 22:55

hi ihrs,

ich soll mithilfe von javascript die farbe eines textareas ändern
dabei soll sich die farbe ändern, wenn man auf einen button klickt
und das ganze soll halt mit javascript gemacht werden

ich steh mittlerweile auf n schlauch und komm nicht weiter :cry:
hoffe ihr könnt mir helfen
Jazzy
Sr. Member
 
Beiträge: 281
Registriert: 10.01.2004, 12:12
Wohnort: Wolfsburg

die Farbe von was

Beitragvon admin » 24.06.2004, 11:09

die Farbe vom Button oder Hintergrundfarbe :?:
Admin
Ein Mensch fühlt oft sich wie verwandelt, sobald man menschlich ihn behandelt. Eugen Roth
admin
Administrator
 
Beiträge: 587
Registriert: 19.09.2003, 20:36

Beitragvon Jazzy » 24.06.2004, 11:31

wenn ich auf den button klicke dann soll sich die hintergrundfarbe des textareas ändern
Jazzy
Sr. Member
 
Beiträge: 281
Registriert: 10.01.2004, 12:12
Wohnort: Wolfsburg

bin nicht grad der Java Programmierer

Beitragvon admin » 24.06.2004, 14:45

bin nicht grad der Java Programmierer

kannst du nicht auch wie bei Buttons der Textarea eine VALUE geben und eine dann über Eigenschaft die Farbe ändern.


Beipiel:

<INPUT TYPE="button" VALUE="Silber" ONCLICK="document.bgColor='silver'">
Admin
Ein Mensch fühlt oft sich wie verwandelt, sobald man menschlich ihn behandelt. Eugen Roth
admin
Administrator
 
Beiträge: 587
Registriert: 19.09.2003, 20:36

Beitragvon 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 &auml;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>
Jazzy
Sr. Member
 
Beiträge: 281
Registriert: 10.01.2004, 12:12
Wohnort: Wolfsburg


Zurück zu allgemeine Anwendungen

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste