Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » JS: Помощь по коду

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте,
хочу написать код, перетаскивания элементов li между собой, в теге ul.
готового скрипта особо не нашел, вот начинаю сам писать....
столкнулся с проблемой, нужно 2 раза клацнуть на 1н и тот-же элемент, чтоб он подстветился красным. Как сделать, что при первом нажатии, он подсвечивался красным?
 

Код:
<ul class="lines"><li id="add-img-1" style="position: relative;">СТРОКА 1</li><li id="add-img-2" style="position: relative;">СТРОКА 2</li><li id="add-img-3" style="position: relative;">СТРОКА 3</li><li id="add-img-4" style="position: relative;">СТРОКА 4</li></ul>
<script>
document.getElementsByClassName("lines")[0].onmousedown = function(e) {
    var clickObjects = this.getElementsByTagName("li");
    for(var id=0; id<clickObjects.length; id++) {
        clickObjects[id].onmousedown = function(e){
        this.style.backgroundColor = 'red';
        return false
        }
    }
    return false;
};

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 19:22 23-12-2015
bordellinoff

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
document.querySelector( '.lines' ).addEventListener( 'click', lines_click );
 
function lines_click (e) {
    e.target.style.backgroundColor = 'red';
}

Всего записей: 50 | Зарегистр. 13-10-2013 | Отправлено: 18:04 23-01-2016
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » JS: Помощь по коду


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru