Всем доброго времени суток.
В программировании я не силен и поэтому решился задать вопрос знающим.
Есть 4 дива, у каждого картинка и подпись. Когда нажимаем на один, то у него меняется цвет фона, при нажатии на другой - тоже самое, но предыдущий возвращается в исходное положение.
<style type="text/css">
.ugol_inv {border: red solid 5px;}
</style>
<script type="text/javascript">
var lastColor = null;
function setColor( ug ) {
if (lastColor)
lastColor.className = lastColor.className.replace(' ugol_inv', '');
ug.className += ' ugol_inv';
lastColor = ug;
}
</script>
<img src="ugol" onclick="setBorderU(this);">
<img src="ugol" onclick="setBorderU(this);">
<img src="ugol" onclick="setBorderU(this);">
<img src="ugol" onclick="setBorderU(this);">
Все это хорошо, но не могу дотумкать, как сделать так, чтобы при загрузке страницы первый див уже был "выделенным", а при нажатии на другие соответственно становился "не выделенным".
Заранее спасибо за ответы.