Javascript-форум - Changeble background

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Changeble background (https://javascript.ru/forum/misc/24812-changeble-background.html)

Changeble background

Привет , очень прошу помоч нужен скрипт в школу но немогу сам сделат чтота
Надо сделать кнопку катороя будет менять картинку в "div" и кнопку hide + reset
примерно как на картинке нарисовал , при нажатие например на красный цвет должен поменять цвет див , при нажатие на кнопку hide надо что скрылся набор цветов

извините за плохой руский , я не руский а за тупое задание ) надеюсь поможыте

Uploaded with ImageShack.us

dnsskyline,
Кто по национальности если не секрет? :)

<div id='colors'>
<input type='button' value='red' onclick="a('red')">
<input type='button' value='green' onclick="a('green')">
<input type='button' value='blue' onclick="a('blue')">
</div>
<input type='button' onclick='change()' value='change'>
<input type='button' value='скрыть\показать' onclick='b()'>
<div id='sqare' style="height:100px;width:100px;background:red"><div>
<script>
	function saveColor(color) {
		this.newColor = function () {
			return color;
		}
	}

	function change() {
		var GetColor = new saveColor()
		alert(GetColor.newColor())
		document.getElementById('sqare').style.background = GetColor.newColor()
	}

	function b() {
		with(document.getElementById('colors').style) {
			display == 'none' ? display = 'block' : display = 'none'
		}
	}
</script>

нац. из Czech Republick
я имел веду при нажатие на кнопку change так откроится панель с картинками например 4 их , выбереш какуйто нажмёш и она поменяется в диве , при нажатие на хиде ижезнет панел с картинкаме + в html должно быть тока <input type="button" onclick="чанге()" value="change"> а в .js код который сделает див итд

<div id='colors'>
<input type='button' value='red' onclick="saveColor('red')">
<input type='button' value='green' onclick="saveColor('green')">
<input type='button' value='blue' onclick="saveColor('blue')">
</div>
<input type='button' onclick='change()' value='change'>
<input type='button' value='скрыть\показать' onclick='b()'>
<div id='sqare' style="height:100px;width:100px;background:red"><div>
<input type='text' style='display:none' id='text'>
<script>
function saveColor(color) {
	document.getElementById('text').value = color
}

function change() {
	
	document.getElementById('sqare').style.background = document.getElementById('text').value
}

function b() {
	with(document.getElementById('colors').style) {
		display == 'none' ? display = 'block' : display = 'none'
	}
}
</script>

Правда это полный гавнокод(very, very, very bad code), используйте на свою совесть. Мне просто в голову другие мысли не лезут =/

Nekto nemog by pomoch sdelat vot eto

http://ufo-company.ic.cz/backgroundChanger/ ?

podrugomu kakto ?

<div id='colors'>
<div style='height:25px;width:25px;background:red' onclick="a('red')"></div><div style='height:25px;width:25px;background:green' onclick="a('green')"></div><div style='height:25px;width:25px;background:blue' onclick="a('blue')"></div></div>
<input type='button' value='hide' id='show_button' onclick='b()'>
<div id='sqare' style="height:100px;width:100px;background:red"><div>

<style type="text/css">
   #colors {
    border: solid; 
    width: 25px
   }
  </style>
<script>
function a(color) {
	document.getElementById('sqare').style.background = color

}
function b() {
	with(document.getElementById('colors').style) {
		display == 'none' ? display = 'block' : display = 'none'
			with(document.getElementById('show_button'))
			display == 'none' ? value = 'show' : value = 'hide'
	}
}
</script>