пытаюсь сделать такую штуку: есть на странице блок в котором расположены маленькие картинки (рисунки столов ресторана) по нажатии на которую картинка меняется на такуюже по форме но другого цвета.
<div id="order" >
<img id="1" src="/images/order/restaurant/1.gif" onclick="ch(this.id)">
<img id="2" src="/images/order/restaurant/2.gif" onclick="ch(this.id)">
...
</div>
function ch(id)
{
document.getElementById(id).src="/images/order/restaurant/"+id+"_1.gif";
//и другие действия
}
туплю вот в чем. нужно чтобы была выделена только одна картинка. а если нажать на первую а потом на вторую то они обе выделены что мне не нужно. есть мысли на счет того чтобы сделать некую переменную которая будет отвечать за предыдущее фото. но вот как это реализовать не пойму..
предполагаю что както так. но переменная то перезаписывается.
var parent=null;
function ch(id)
{
document.getElementById(id).src="/images/order/restaurant/"+id+"_1.gif";
//и другие действия
if(parent!=null)
{
document.getElementById(parent).src="/images/order/restaurant/"+parent+".gif";
}
else
parent=id;
}
простите если ответ на вопрос столь очевиден или уже где то есть. js учу не так давно.