Olá, eu quero mudar a propriedade do body de uma página html com javascript. A idéia é mudar a imagem de fundo do body dependendo de um option selecionado num select. Mais ou menos assim: <select name="select" id=…

[RESOLVIDO] [HTML] Como mudar propriedade do BODY com javascript?

<select name="select" id="select" onchange="troca()"> <option value="1">1</option> <option value="2">2</option> </select> <script> function troca(){ var op = $('#select').val(); if(op==1){ document.body.style="background: blue;"; }else{ document.body.style="background: red;"; } } </script>

3 Respostas

rodrigo_web 7 de ago. de 2011

document.body.style.background = “red”

tsalsicha 8 de ago. de 2011

Perfect.

Tnks

daniel85br 22 de ago. de 2014

Pessoa, eu estou tentando fazer com botões, onde o visitante clica e muda o tema. Tentei adaptar o script passado mas não deu muito certo. Teriam como me ajudar?

<div class="temas">
					<ul >
						<li <? if($tema == 'laranja') echo ' class="selected"'; ?>><a href="#" ><img src="<?=$this->baseUrl()?>/default/images/layout_laranja.png"></a></li>
						<li <? if($tema == 'amarelo') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_amarelo.png"></a></li>
						<li <? if($tema == 'lilas') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_red.png"></a></li>
						<li <? if($tema == 'marrom') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_marrom.png"></a></li>
						<li <? if($tema == 'rosa') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_rosa.png"></a></li>
						<li <? if($tema == 'verde') echo ' class="selected"'; ?>><a href="#" onclick="troca()"><img src="<?=$this->baseUrl()?>/default/images/layout_verde.png"></a></li>
					</ul>
				</div>

3 Respostas

Topicos relacionados