Андрей

https://tympanus.net/codrops/2014/01/09/sticky-tab...

На js - сначала получаем координаты относительно окна браузера, затем прибавляем к ним скролл окна.

var rect = el.getBoundingClientRect();
var top = rect.top + document.body.scrollTop;
var left = rect.left + document.body.scrollLeft;

На jquery
$(el).offset();

Сначала в переменные засовываются селекторы.

В setDetails по селектору DETAIL_IMAGE_SELECTOR находятся элементы (вероятно, изображения), и им устанавливается параметр src. По селектору DETAIL_TITLE_SELECTOR устанавливается текст внутри элементов.

В imageFromThumb параметром должен передаваться dom-элемент, и она возвращает значение атрибута data-image-url.

titleFromThumb аналогично второй, только атрибут data-image-title.

setDetailsFromThumb получает через параметр dom-элемент, через вторую и третью функции получает значения атрибутов и заполняет нужные значения элементы через первую функцию.

addThumbClickHandler навешививает на dom-элемент событие клика, по которому выполняет четвёртую функцию передавая в неё dom-элемент на который навешана пятая функция.

getThumbnailsArray получает список всех элементов по селектору THUMBNAIL_LINK_SELECTOR затем, преобразовывает этот список в массив и возвращает его.

initializeEvents получает список объектов через getThumbnailsArray и для каждого элемента вызывает addThumbClickHandler.

А если кратко - это выглядит как галерея картинок, когда есть маленькие превью, или текстовый список, при нажатии на каждый элемент из которого в целевом объекте отображается нужное изображение с заголовком.

Canvas должен быть внутри angular-контроллера. На квадраты повесить событие ng-click. На появляющиеся поля повесить соответствующие ng-model. При ng-click менять видимость и обновлять модель полей.

Перенести код с загрузкой ангулара выше, чем код, где вы его используете

Обычно не пишут селектор звёздочка, тем более при навешивании событий. Впрочем, его лучше нигде и никогда не использовать (разве что при сбросе стилей браузера, да и то, это спорное решение). Лучше написать $(document).

Касательно решения проблемы, можно попробовать хранить внутреннее состояние где-нибудь в переменной, чтобы ваш код не вызывался снова.
Вот пример

Скорее всего у вас выводится undefined в каждой итерации, дело в асинхронности работы - в момент выполнения функции событие еще не произошло, а js уже выполняется. А потом, когда событие произошло, то всё работает как надо.

Решение зависит от того, какой нужен результат.

А в чём сложность? У вас уже всё готово, осталось вставить код видео. Можно использовать существущие плееры, либо использовать стандартный, встроенный в браузер. Вот, например htmlbook.ru/html/video

Если вопрос про выделение жирным шрифтом, то можно попробовать использовать jquery-функцию prevUntil, и искать предыдущую "корневую" строку, например, в вашем примере это будет что-то вроде prevUntil("[data-pos]").

Если же речь про данные, например, нужно получить список того, что заказали, то тут тоже не сложно. Скорее всего у вас исходные данные - некоторый json-массив, и каждое блюдо имеет свой id, тогда каждому тегу tr можно добавить аттрибут, например data-id, в который поместить этот самый id. И при выборе его брать из вашего массива соответствующие записи.

Скорее всего утечка памяти при создании таймера.
Дело в том, что функция, созданная в таймере, не удаляется пока она не завершена. У вас она рекурсивно создаёт таймер для себя при каждом тике, и вследствие замыкания тянет за собой уже устаревшие и не нужные данные. Скорее всего, нужно копать в эту сторону, например использовать setInterval

При инициализации карты указываете какие элементы нужно показывать, например

myMap = new ymaps.Map("map", {
        bounds: coord,
        controls: ['zoomControl']
    })

Список всех элементов есть тут (смотреть в меню, в разделе control), там же сказано как их показывать и скрывать "на лету", без переинициализации карты.

Можно попробовать переопределить console.log, и при вызове данной функции делать то, что нужно вам

Для циклического выполнения функций с интервалом во времени вам поможет функция setInterval