Grille
Erfahrenes Mitglied
Hallo ...
Ich möchte versuchen einen Farbregler in Javascript umzusetzen und habe diesen Code schon fertig (es werden die drei Frabregler horizontal aufgebaut):
Ich habe leider keinerlei Ahnung von Javascript, ... bitte daher um einfache Antworten.
Ich möchte nun mit der Maus auf eine Position eines Balken klicken ... an dieser stelle soll sich der Balken Weiß färben. dann soll der Farbwert dieses Balken übernommen werden und auf die anderen Balken (in Echtzeit) übertragen werden.
Also ich klicke auf den Roten Balken in der Mitte, der Rotwert sollte dort um 128 liegen, und die Variable sollte dann diesem Rotwert entsprechen (128) ... der grüne und der blaue Balken sollen sich dann neu aufbauen mit dem der Variable "rotfarbe = 128" (und nicht mehr 0)
Wie kann ich auf die div-Flächen klicken und dann eine Variable so verändern?
Wie kann ich die Div-Kiste dann Weiß färben?
Bin für jeden Tip Dankbar ...
Gruß,
Grille
Ich möchte versuchen einen Farbregler in Javascript umzusetzen und habe diesen Code schon fertig (es werden die drei Frabregler horizontal aufgebaut):
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Farbtabelle mit JavaScript</title>
<style type="text/css">
.content_11054_colorecke { width: 1px; height: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden;}
.neben {float: left;}
.umbruch {display: block;}
</style>
<script language="JavaScript">
function Hex(Num) {
var Ziffern = '0123456789abcdef';
return Ziffern.charAt((Num & 240) >> 4) + Ziffern.charAt(Num & 15);
}
function regler(){
var rotfarbe = 0;
var gruenfarbe = 0;
var blaufarbe = 0;
var stufen=256;
for( r=0; r<stufen; r++ ){
document.write( "<div class='content_11054_colorecke neben' style='background-color: #" + Hex(r) + Hex(gruenfarbe) + Hex(blaufarbe) + ";'> </div><!-- content_11054_colorecke -->" );
}
document.write( "<div class='umbruch'> </div><!-- umbruch -->" );
for( g=0; g<stufen; g++ ){
document.write( "<div class='content_11054_colorecke neben' style='background-color: #" + Hex(rotfarbe) + Hex(g) + Hex(blaufarbe) + ";'> </div><!-- content_11054_colorecke -->" );
}
document.write( "<div class='umbruch'> </div><!-- umbruch -->" );
for( b=0; b<stufen; b++ ){
document.write( "<div class='content_11054_colorecke neben' style='background-color: #" + Hex(rotfarbe) + Hex(gruenfarbe) + Hex(b) + ";'> </div><!-- content_11054_colorecke -->" );
}
}
</script>
</head>
<body>
<script language="JavaScript">
<!--
regler();
// -->
</script>
</body>
</html>
Ich habe leider keinerlei Ahnung von Javascript, ... bitte daher um einfache Antworten.
Ich möchte nun mit der Maus auf eine Position eines Balken klicken ... an dieser stelle soll sich der Balken Weiß färben. dann soll der Farbwert dieses Balken übernommen werden und auf die anderen Balken (in Echtzeit) übertragen werden.
Also ich klicke auf den Roten Balken in der Mitte, der Rotwert sollte dort um 128 liegen, und die Variable sollte dann diesem Rotwert entsprechen (128) ... der grüne und der blaue Balken sollen sich dann neu aufbauen mit dem der Variable "rotfarbe = 128" (und nicht mehr 0)
Wie kann ich auf die div-Flächen klicken und dann eine Variable so verändern?
Wie kann ich die Div-Kiste dann Weiß färben?
Bin für jeden Tip Dankbar ...
Gruß,
Grille