Javascript Hintergrundfarbe herauslesen und mehr.

Undertaker · 25.01.2012, 20:23

Hallo.

Ich stehe momentan vor einem Problem. Ich arbeite gerade an einem Farbwähler. HEX-Werte eingeben und mit diesen den Hintergrund ändern klappt perfekt. Jedoch muss ich einige Buttons hinzufügen die: 8 bzw 1 Farbwärte zu Rot/Grün/Blau hinzufügen bzw abziehen.

Mir wurde sofort klar, dass ich irgendwie die Hintergrundfarbe auslesen muss. Habe gegoogelt und bin auch fündig geworden.

Zitat:

var farbe = document.body.style.backgroundColor;

str_bg_colour=farbe + (document.Farbwahl.Bred.value+8) + document.Farbwahl.Bgreen.value + document.Farbwahl.Bblue.value;

Das Problem ist aber, dass die Farbe nur 1 MAL geändert wird und bei erneutem Drücken nichts passiert.
Hier mal mein Dokument:

Zitat:

<html>
<head>
<title>Farbwähler HEX 2 -> RGB</title>
<script type="text/javascript" language="JavaScript">
function repaint_bg()
{
var str_bg_colour="abc";
str_bg_colour=document.Farbwahl.Bred.value + document.Farbwahl.Bgreen.value + document.Farbwahl.Bblue.value;
document.bgColor=str_bg_colour;
}
function repaint_bg_PPR()
{
var str_bg_colour="abc";
var farbe = document.body.style.backgroundColor;
str_bg_colour=farbe + (document.Farbwahl.Bred.value+8) + document.Farbwahl.Bgreen.value + document.Farbwahl.Bblue.value;
document.bgColor=str_bg_colour;
}
function repaint_bg_PPG()
{
var str_bg_colour="abc";
str_bg_colour=document.Farbwahl.Bred.value + (document.Farbwahl.Bgreen.value+8) + document.Farbwahl.Bblue.value;
document.bgColor=str_bg_colour;
}
function repaint_bg_PPB()
{
var str_bg_colour="abc";
str_bg_colour=document.Farbwahl.Bred.value + document.Farbwahl.Bgreen.value + (document.Farbwahl.Bblue.value+8);
document.bgColor=str_bg_colour;
}
function repaint_bg_PR()
{
var str_bg_colour="abc";
str_bg_colour=(document.Farbwahl.Bred.value+1) + document.Farbwahl.Bgreen.value + document.Farbwahl.Bblue.value;
document.bgColor=str_bg_colour;
}
function repaint_bg_PG()
{
var str_bg_colour="abc";
str_bg_colour=document.Farbwahl.Bred.value + (document.Farbwahl.Bgreen.value+1) + document.Farbwahl.Bblue.value;
document.bgColor=str_bg_colour;
}
function repaint_bg_PB()
{
var str_bg_colour="abc";
str_bg_colour=document.Farbwahl.Bred.value + document.Farbwahl.Bgreen.value + (document.Farbwahl.Bblue.value+1);
document.bgColor=str_bg_colour;
}
</script>
</head>
<body>
<form method="get" name="Farbwahl">
<table border="1">
<tr>
<td>R</td>
<td>G</td>
<td>B</td>
</tr>
<tr>
<td>
<input type="button" value="++" onClick="repaint_bg_PPR()" /><br />
<input type="button" value="+" onClick="repaint_bg_PR()" /><br />
<input type="text" name="Bred" size="2" maxlength="2" /><br />
</td>
<td>
<input type="button" value="++" onClick="repaint_bg_PPG()" /><br />
<input type="button" value="+" onClick="repaint_bg_PG()" /><br />
<input type="text" name="Bgreen" size="2" maxlength="2" /><br />
</td>
<td>
<input type="button" value="++" onClick="repaint_bg_PPB()" /><br />
<input type="button" value="+" onClick="repaint_bg_PB()" /><br />
<input type="text" name="Bblue" size="2" maxlength="2" /><br />
</td>
</tr>
</table>
<input type="button" value="Ändern" onClick="repaint_bg()" />
<input type='button' value='Zurück' onClick='history.back()' />
</form>
</body>
</html>

Hat jemand einen Vorschlag?

Danke im Voraus.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)