Помощ за един бутон

[wood]

Кажете как да направя когато единият бутон е активен да е в червено, а другият бутон да е в сиво. И обратното когато се кликне на другият бутон да си сменяват цветовете. Това е кода:

<div class="quickSearch">

<div class="quickSearchHeader"> <button style="background-color:#A2A2A2"="hidr"><h2>[[Homes by State]]</h2></button>
<button style="background-color:lightred"="showr"><h2>[[Rentals by State]]</h2></button></div>

<br><br>

<div id="test1"><div class="quickSearchKeep" >

{module name="classifieds" function="browse" level1Field='State' browse_template='browse_homes_by_state.tpl' listing_type_id='HomesForSale'}

</div></div>
<div id="test"><div class="quickSearchKeep" >

{module name="classifieds" function="browse" level1Field='State' browse_template='browse_rentals_by_state.tpl' listing_type_id='HomesForRent'}

</div></div>

 

[the-tom-cat]

Re: Помощ за един бутон

<div class="quickSearch">

<div class="quickSearchHeader"> <button style="background-color:#A2A2A2"="hidr" [COLOR="Red"]onclick="change_colour('homes')" id="button_homes"[/COLOR]><h2>[[Homes by State]]</h2></button>
<button style="background-color:lightred"="showr" [COLOR="Red"]id="button_rentals" onclick="change_colour('rentals')"[/COLOR]><h2>[[Rentals by State]]</h2></button></div>

<br><br>

<div id="test1"><div class="quickSearchKeep" >

{module name="classifieds" function="browse" level1Field='State' browse_template='browse_homes_by_state.tpl' listing_type_id='HomesForSale'}

</div></div>
<div id="test"><div class="quickSearchKeep" >

{module name="classifieds" function="browse" level1Field='State' browse_template='browse_rentals_by_state.tpl' listing_type_id='HomesForRent'}

</div></div>

<script type="text/javascript" language="javascript">
function change_colour(button)
{
	if (button == 'homes'){
	document.getElementById("button_homes").style.backgroundColor = "#F00";
	document.getElementById("button_rentals").style.backgroundColor = "#FFF";}
	else if (button == 'rentals'){
	document.getElementById("button_homes").style.backgroundColor = "#FFF";
	document.getElementById("button_rentals").style.backgroundColor = "#F00";}

}
</script>