professioneller Autodidakt
Hallo, ich möchte, dass der User meiner Website bei bestimmten div containern per Mausklck die Hintergrundfabre des beteffenden dic Containers ändern kann. Soweit bekomme ich den Farbwechsel auch hin nur leider nicht auf einen bestimmten Container, sondern für den gesamten body. Kann mir vielleicht jemand helfen und sagen was ich an meinem Code ändern muss um die Änderungen auf den div mit der class "demo" zu beschränken.
Danke für Eure Hilfe:
Danke für Eure Hilfe:
Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
<style type="text/css">
body {
background-color: rgb(225,225,225);
}
</style>
<script type="text/javascript">
var currColor;
function changeColor(colorName) {
document.body.style.backgroundColor = colorName;
currColor = colorName;
}
function previewColor(colorName) {
currColor = document.body.style.backgroundColor;
document.body.style.backgroundColor = colorName;
}
function oldColor() {
document.body.style.backgroundColor = currColor;
}
</script>
</head>
<div class="row demo">
<input type="image" src="buttons/01_red.png" width="50" name="red" value="rot" onClick="changeColor('#ff0000');" onMouseOver="previewColor('#ff0000');" onMouseOut="oldColor();">
<input type="image" src="buttons/02_orange.png" width="50" name="red" value="rot" onClick="changeColor('#f15a24');" onMouseOver="previewColor('#f15a24');" onMouseOut="oldColor();">
<input type="image" src="buttons/03_orange.png" width="50" name="red" value="rot" onClick="changeColor('#f7931e');" onMouseOver="previewColor('#f7931e');" onMouseOut="oldColor();">
<input type="image" src="buttons/04_yellow.png" width="50" name="red" value="rot" onClick="changeColor('#fcee21');"
</div>
</html>