Добрый день, имеется какое то слово, при нажатие на кнопку вылазит модальное окно:
<div class="helptip" onclick="helptip(this)">СЛОВО
<div>ПОДСКАЗКА</div>
</div>
Имеется JS скрипт который действует:
// Основная функция, передаем в нее обрабатываемый тег
// или this (для текущего тега)
function helptip(t) {
// Разрешаем закрытие подсказок
// Создаем постоянную переменную этой функции для этих целей
// Условимся: если ноль, то можно закрывать, а если единица, то нельзя
helptip.v = 0;
// Берем последний дочерний тег
var b = t.children[(t.children.length-1)];
// Если открыт, то закрываем
if (b.style.display=="block") helptipx();
else {
// Закрываем все
helptipx();
// Открываем текущий
b.style.display = "block";
// Запрещаем закрытие подсказки вызванного последующими событиями
helptip.v = 1;
}
}
// Функция закрывает все подсказки
function helptipx() {
// Если было нажатие для открытия подсказки, то закрывать нельзя
// Поэтому проверяем:
if (helptip.v==1) {
// Разрешаем закрытие в будущем
helptip.v = 0;
// И выходим
return;
}
// Выбираем все теги с классом .helptip
var s = document.querySelectorAll(".helptip");
// и перебираем их циклом
for (var i=0; i < s.length; i++) {
// Скрываем последний дочерний тег
s[i].children[(s[i].children.length-1)].style.display = "none";
}
}
Но теперь как решить проблему. Если они вряд эти слова идут и я одному указал данные, а другим нет. Но у других окон вылазят пустые окно, а у того что ввёл значение, появляется окно со значением.
Подскажите, куда впихнуть обработчик, чтоб выводились ОКНА со ЗНАЧЕНИЯМИ те, которым я ввёл..?