Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Ветикальная линия и ссылки (https://javascript.ru/forum/dom-window/55491-vetikalnaya-liniya-i-ssylki.html)

Tezrus 30.04.2015 10:29

Ветикальная линия и ссылки
 
Здравствуйте. Возникла проблема: есть страница на которой посередине экрана вертикальная линия. Слева от нее сверху вниз расположены ссылки. Надо сделать так, что бы при нажатии на ссылку на линии около ссылки появлялась галочка указывающая на ссылку. Прошу помочь, так как еще новичек и не разберусь как это сделать.

ksa 30.04.2015 11:05

Цитата:

Сообщение от Tezrus
Надо сделать так, что бы при нажатии на ссылку на линии около ссылки появлялась галочка указывающая на ссылку.

Как вариант, использовать такой подход
http://htmlbook.ru/blog/kak-sdelat-s...3-bez-kartinok
Только позиционировать тот треугольник в другое место... ;)

Tezrus 30.04.2015 11:20

За совет спасибо, он подходит для создания нужного элемента. Но вопрос был, собственно говоря, не графическом, а в функциональном плане. Я не могу понять как сделать чтоб бы при выборе ссылки галочка так же меняла свое положение, перемещаясь к этой выбранной ссылке.

Makarov 30.04.2015 22:45

Итак, в функциональном плане:
1). Отрисовывать маркер (галочку) с помощью цсс. Как это делается указал по ссылке выше ksa.
2). При клике на элемент изменять набор классов для этого или других элементов так как Вам нужно. С помощью classlist api или того же jquery.
Что не понятно?

Tezrus 01.05.2015 10:49

Спасибо за ответ


Часовой пояс GMT +3, время: 01:29.