Member 11987268 Ответов: 1

Как выделить активный или щелкающий элемент

Я создаю дизайн пользовательского интерфейса с использованием HTML, javascript, где мне нужно выделить активный узел после нажатия. Но как это происходит?

// выделить активный узел
$(этот).в CSS("граница", "1 пиксель пунктирной Красной");
activatedNode=это;
activatedNodeStyle=$(this). css ("граница");
// восстановить / отключить подсветку
if (activatedNode!=null & & amp; activatedNodeStyle!=null)
$(activatedNode). css ("border", activatedNodeStyle);

Что я уже пробовал:

Возможно ли это только с помощью css или нет?

Karthik_Mahalingam

в чем проблема ?

1 Ответов

Рейтинг:
11

deepak.dubal

Это невозможно использовать на css, вам нужна какая-то помощь jquery или javascript. Вот пример кода с использованием HTML &Jquery.

<!DOCTYPE html>
< html xmlns="http://www.w3.org/1999/xhtml" >
< голова>
в <название&ГТ;&ЛТ;/название&ГТ;
&ЛТ;скрипт СРЦ="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&ГТ;&ЛТ;/скрипт>
< script type= "text/javascript">

$(документ).готово(функция () {
$(".ряд").нажмите кнопку(функция () {
$(".row"). removeClass ("highlight");
$(this). addClass ("выделить");
});
});

< / script>
< style type= "text/css">
.ряд {
поплавок: левый;
обивка:значение 10px 100 Пикс.;
границы:1 пиксель твердых #СТС;
маржа: 0 10px;
}
.выделить {
границы:Твердый 1 пиксель красный;
}
< / стиль>
< / head>

& lt;тело>
&ЛТ;див класс="строка"&ГТ;&ЛТ;/дел&ГТ;
&ЛТ;див класс="строка"&ГТ;&ЛТ;/дел&ГТ;
&ЛТ;див класс="строка"&ГТ;&ЛТ;/дел&ГТ;
< / body>
< / html>

Member 11987268

Поэтому многие просто сэр. Он отлично работает...