Здравствуйте. Помогите мне, пожалуйста.
У меня есть кнопочки, которые можно двигать по экрану. При нажатии на каждую, вокруг нее получается симпатичная голубенькая тонкая обводка, которая держится, пока не нажмешь на другую кнопку - и это удобно, потому что пользователь видит, какую кнопку передвигал последней. (это грамматический тест).
Но есть еще групповые операции, при которых при удерживании Шифта вокруг объединяемых кнопок появляется толстая розовая обводка:
Это тоже удобно, можно видеть, какие кнопки в группе.
Проблема вот в чем - когда группа уже не нужна, толстую розовую обводку нужно убрать, а я умею ее убирать только так:
В этом случае при дальнейшей работы с этими кнопками тоненькая голубая обводка вокруг них в активном состоянии больше не появляется.
Вы не знаете, как мне ее вернуть? Как на JS приписать свойство элементу, ПРЕБЫВАЮЩЕМУ в активном состоянии? (Просто по по нажатии мышки или onfocus в HTML не годится, потому что тогда обводка больше не убирается, а надо, чтобы обведен был только активный элемент).
Через несколько часов у меня такое решение:
При наборе группы панелек с зажатым шифтом:
CODE ( javascript):
скопировать код в буфер обмена
document.getElementById (elemID).style.outline= "3px solid #FF00FF"; document.getElementById (elemID).onblur = function () {this.style.outline= "3px solid #FF00FF";} document.getElementById (elemID).onfocus= function () {this.style.outline= "3px solid #FF00FF";}
При разгруппировании:
CODE ( javascript):
скопировать код в буфер обмена
for (var inni=0; inni < lukoshko.length; inni++) { document.getElementById("wordpanel"+lukoshko[inni]).style.outline = "none"; document.getElementById("wordpanel"+lukoshko[inni]).onblur = function () {this.style.outline= "none";} document.getElementById("wordpanel"+lukoshko[inni]).onfocus = function () {this.style.outline= "2px solid deepskyblue";} }
lukoshko - это массив, в который собраны номера панелей, находящихся в текущей группе(Отредактировано автором: 01 Мая, 2016 - 23:09:33)
|