|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
20.06.2019, 19:15 | #1 |
Пользователь
Регистрация: 29.07.2011
Сообщений: 92
|
По клику на div узнать его порядковый номер
Здравствуйте форумчане.
Дано 10 дивов. Подскажите как реализовать что при нажатии на любой див из 10 шт выходил alert можно не алерт c сообщением порядкового номера кликнутого дива. делал так Код:
функцию вешал на onmouseover (при наведении) или на onmousedown не принципиально на что вешать за ранее спасибо! |
20.06.2019, 21:37 | #2 | |
Старожил
Регистрация: 09.01.2008
Сообщений: 26,229
|
где дано? приведите код разметки.
Цитата:
Ваш код перебирает все дивы, что есть, без всякой привязки к тому, куда Вы мышкой тыкаете. ну и добавьте в div'ы что-то, что позволит один div отличить от другого (в идеале - id) просто для примера: https://jsfiddle.net/6kt2pmvj/ Код HTML:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div id='1'> это div</div> <div id='2'> это div</div> <div id='3'> это div</div> <div>Click at: <span id="result"></span></div> <script> var divs = document.getElementsByTagName("div"); var myFunction = function(e) { // Get IE event object e = e || window.event; // Get target in W3C browsers & IE var elementId = e.target ? e.target.id : e.srcElement.id; var result = document.getElementById("result"); if(result){ result.innerHTML = elementId; } }; for (var i = 0; i < divs.length; i++) { divs[i].addEventListener('click', myFunction, false); } </script> </body> </html> Последний раз редактировалось Serge_Bliznykov; 20.06.2019 в 22:04. |
|
22.06.2019, 10:56 | #3 |
Пользователь
Регистрация: 29.07.2011
Сообщений: 92
|
Спасибо. а можно как то сделать без e.target или window.event???
html code Код:
Код:
|
22.06.2019, 15:26 | #4 |
Старожил
Регистрация: 12.01.2011
Сообщений: 19,500
|
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом. |
22.06.2019, 19:41 | #5 |
Пользователь
Регистрация: 29.07.2011
Сообщений: 92
|
|
22.06.2019, 22:18 | #6 |
Старожил
Регистрация: 09.01.2008
Сообщений: 26,229
|
|
22.06.2019, 22:48 | #7 | |
Старожил
Регистрация: 09.01.2008
Сообщений: 26,229
|
Цитата:
впрочем, Вы так хотите? https://jsfiddle.net/gcj03mna/ Код HTML:
<div class="number"></div> <div class="number"></div> <div class="number"></div> <div class="number"></div> <div class="number"></div> <div class="number"></div> <div class="number"></div> <div class="number"></div> <div class="number"></div> <div class="number"></div> Код:
|
|
23.06.2019, 12:01 | #8 |
Пользователь
Регистрация: 29.07.2011
Сообщений: 92
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
как узнать порядковый номер дочернего элемента ? | macdack | JavaScript, Ajax | 1 | 02.09.2014 20:50 |
Порядковый номер | Zhenya Yakubov | Microsoft Office Excel | 3 | 02.09.2014 10:43 |
порядковый номер | baks1 | Microsoft Office Excel | 1 | 30.04.2012 20:54 |
Порядковый номер записи | Yur@ | БД в Delphi | 4 | 25.12.2009 08:37 |
порядковый номер недели | skalt12 | Общие вопросы Delphi | 7 | 01.12.2009 16:52 |