Форум программистов, компьютерный форум, киберфорум
JavaScript: API
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
0 / 0 / 1
Регистрация: 26.07.2013
Сообщений: 36

IntroJs - выделение первого одинакового элемента

14.08.2015, 12:29. Показов 712. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем доброго дня.
Может кто сталкивался - подскажите, пожалуйста.
Использую вариант интерактивной инструкции IntroJs (https://github.com/usablica/intro.js)
У меня на странице динамические таблицы, в них есть кнопки - хочу выделять их и сообщать пользователю через инструкцию что это за кнопки.
Но есть проблема - по скольку строки таблица генерируются динамически, они имеют один и тот же data-step и data-intro. В результате Intro выделяет кнопку в последней строке, что не очень презентабельно.
Вопрос в том, как сделать так, чтобы Intro выделял кнопку в первой строке?
Пример того, как выглядит сейчас:
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
14.08.2015, 12:29
Ответы с готовыми решениями:

Составить алгоритм определения суммы минимального элемента и первого элемента массива от 1 до 5 на HTML
Составить алгоритм определения суммы минимального элемента и первого элемента массива от 1 до 5 на HTML

Выделение первого элемента
html: <ul id="list"> <li>1</li> <li>2</li> <ul> <ul id="list"> <li>3</li> <li>4</li> ...

Как сделать выделение иным цветом первого элемента списка?
Здравствуйте. Получаю в qt quick программе список файлов и каталогов. Как сделать выделением иного цвета первый элемент списка и ...

4
0 / 0 / 1
Регистрация: 26.07.2013
Сообщений: 36
14.08.2015, 12:59  [ТС]
Если не ошибаюсь, то выделение (определение) элемента идет в этом куске кода:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
for (var i = 0, stepsLength = this._options.steps.length; i < stepsLength; i++) {
                var currentItem = _cloneObject(this._options.steps[i]);
                //set the step
                currentItem.step = introItems.length + 1;
                //use querySelector function only when developer used CSS selector
                if (typeof (currentItem.element) === 'string') {
                    //grab the element with given selector from the page
                    currentItem.element = document.querySelector(currentItem.element);
                }
 
                //intro without element
                if (typeof (currentItem.element) === 'undefined' || currentItem.element == null) {
                    var floatingElementQuery = document.querySelector(".introjsFloatingElement");
 
                    if (floatingElementQuery == null) {
                        floatingElementQuery = document.createElement('div');
                        floatingElementQuery.className = 'introjsFloatingElement';
 
                        document.body.appendChild(floatingElementQuery);
                    }
 
                    currentItem.element = floatingElementQuery;
                    currentItem.position = 'floating';
                }
 
                if (currentItem.element != null) {
                    introItems.push(currentItem);
                }
            }
0
2884 / 2296 / 769
Регистрация: 12.05.2014
Сообщений: 7,978
14.08.2015, 13:32
когда пишем на раздел вообще не смотрим?
0
0 / 0 / 1
Регистрация: 26.07.2013
Сообщений: 36
14.08.2015, 13:44  [ТС]
Цитата Сообщение от Паблито Посмотреть сообщение
когда пишем на раздел вообще не смотрим?
К сожалению, не смог понять в какой именно раздел писать. Подскажите?
0
 Аватар для reisal78
944 / 687 / 230
Регистрация: 28.04.2013
Сообщений: 1,925
14.08.2015, 13:53

Не по теме:

Едем с женой... перед нами едет мерс. Жена и говорит: "Какой матиз красивый" :D
Название: image_11-300x169.jpg
Просмотров: 11

Размер: 12.0 Кб



PS Перенес в раздел JS
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
14.08.2015, 13:53
Помогаю со студенческими работами здесь

Поиск и выделение окружностей одинакового диаметра
Всем добрый день! Надеюсь на вашу помощь с моим вопросом. Есть изображение состоящее целиком только из окружностей разного диаметра....

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

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

Найти номер первого максимального элемента среди отрицательных элементов, расположенных до первого элемента, большего Т.
Задан целочисленный одномерный массив a из n элементов. Найти номер первого максимального элемента среди отрицательных элементов,...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru