Задать вопрос
@evgek
_global

Как сделать подсветку выбранного блока?

Есть код отображения блоков при нажатии:

<script type="text/javascript">
allDiv=117;
function showDv(n){
    for(i=1;allDiv+1>i;i++){
    document.getElementById('d'+i).style.display = 'none';
    }
    document.getElementById('d'+n).style.display = 'block';
	event.preventDefault();
	}
	
</script>


в хтмл так сделано:

<div id="A-1003"><a href="#" onclick="showDv('55')">A-1003/1÷14</a>


что добавить в JS чтобы блок - "id="A-1003" - "подсветился" при нажатии . ну например задать ему в css box-shadow..
и если выбираем другой блок подсветка убиралась.

если надо выложу полную версию . заранее спасибо добрый человек.

вот упрощенный пример

<html>
<head>

 <script type="text/javascript">
allDiv=2;
function showDv(n){
    for(i=1;allDiv+1>i;i++){
    document.getElementById('d'+i).style.display = 'none';
    }
    document.getElementById('d'+n).style.display = 'block';
	event.preventDefault();
	}
	
</script>
</head>
<body>
 
<div id="asdasd"><a href="#" onclick="showDv('1')">Показать1</a>
<div style=" display:none;" id="d1">
1111111111111
</div>

<div id="asda"><a href="#" onclick="showDv('2')">Показать2</a>
<div style=" display:none;" id="d2">
2222222222222
</div>
</div>
 </body>
</html>
  • Вопрос задан
  • 1054 просмотра
Подписаться 1 Оценить 5 комментариев
Решения вопроса 1
@KuzmenkoArtem
allDiv=2;
function showDv(n){
    for(i=1;allDiv+1>i;i++){
    document.getElementById('d'+i).style.display = 'none';
    document.getElementById('d'+i).parentNode.style.border = 'none'
    }
    document.getElementById('d'+n).style.display = 'block';
    document.getElementById('d'+n).parentNode.style.border = '1px solid black'
  event.preventDefault();
  }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы