Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 15.07.2017
Сообщений: 99
1

Сделать много уникальных обработчиков

03.05.2018, 16:04. Показов 864. Ответов 4
Метки нет (Все метки)

Привет всем, подскажите пожалуйста как поступить в данной ситуации например есть 3 одинаковых кнопки (их может быть сколь угодно) и 3 всплывающих окна. По нажатию например на вторую кнопку должено открываться второе всплывающее окно. Спасибо большое тому кто ответит
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
03.05.2018, 16:04
Ответы с готовыми решениями:

Сделать запрос в цикл для получения уникальных имён
Мне надо вот этот запрос засунуть в цикл что бы каждое имя было уникальным ...

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

Как сделать запрос уникальных значений ?
Подключаюсь к MySQL 5 через SQLConnector.net Делаю в Visual Studio 2005 ListBox Выбираю "Use...

Можно ли сделать выборку из SQL уникальных записей?
Например в таблице есть несколько записей с одинаковым id (например 122 и 145).Нужно вытащить все...

4
23 / 16 / 7
Регистрация: 17.10.2012
Сообщений: 74
03.05.2018, 16:18 2
Лучший ответ Сообщение было отмечено stoma655 как решение

Решение

Можно каждой кнопке в атрибут положить нужное вам идентифицирующее значение, по которому потом Вы будете вызывать определенный alert, например:
HTML5
1
2
3
        <button class="buttonC" value="1">1</button>
        <button class="buttonC" value="2">2</button>
        <button class="buttonC" value="3">3</button>
Добавляем обработчик каждой кнопке. При клике на любую из кнопок будет вызываться функция callAlertFromId с параметром value:

Javascript
1
2
3
4
5
document.querySelectorAll('.buttonC').forEach((button) => {
    button.addEventListener('click', (e) => {
        callAlertFromId(e.target.value);
    });
})
Ну а внутри функции callAlertFromId Вы сами уже можете в зависимости от переданного параметра вызвать нужный Вам alert
1
706 / 308 / 191
Регистрация: 05.03.2015
Сообщений: 822
03.05.2018, 16:22 3
Для простоты сделал на базе бутстрапа
HTML5
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal1">
  Launch first demo modal
</button>
 
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal2">
  Launch second demo modal
</button>
 
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal3">
  Launch third demo modal
</button>
 
<div id="myModal1" class="modal fade " tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">First</h4>
      </div>
    </div>
  </div>
</div>
 
<div id="myModal2" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Second</h4>
      </div>
    </div>
  </div>
</div>
 
<div id="myModal3" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Third</h4>
      </div>
    </div>
  </div>
</div>
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
https://codepen.io/anon/pen/OZgwqM?editors=1010

Реализация сводится к тому, чтобы кнопке в атрибуте задать целевое окно для открытия (в нашем случае data-target="#myModal1") и повесить обработчик клика, который будет открывать окно с айди равным тому, что мы указали в data-target

Добавлено через 3 минуты
froziq, только вместо className нужно class
1
23 / 16 / 7
Регистрация: 17.10.2012
Сообщений: 74
03.05.2018, 16:24 4
msheal,

Не по теме:

спасибо большое
под рукой проект запущен на реакте, там используется className вместо class, вот и забыл убрать :)

1
0 / 0 / 0
Регистрация: 15.07.2017
Сообщений: 99
03.05.2018, 16:25  [ТС] 5
Спасибо вам большое ребят !
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
03.05.2018, 16:25

Как сделать выпадающий список, состоящий из уникальных значений
Всем привет. Помогите разобраться с такой проблемой: У меня есть база IP адресов которая...

Есть ли разница в уникальных и не уникальных ссылк
Скажите, а для поисковой системы есть разница в уникальных и не уникальных ссылок с главной? или...

Бесконечность уникальных форм, или как сделать проверку и отправку формы индивидуальной!
Здравствуйте дорогие друзья! :) Нужна ваша помощь и грамотный совет! Столкнулся с непоняткой...

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


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru