Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.10.2013, 20:26
Интересующийся
Отправить личное сообщение для eko24 Посмотреть профиль Найти все сообщения от eko24
 
Регистрация: 04.11.2012
Сообщений: 24

Как узнать какой светофор сейчас обрабатываеться ?
Доброго времени суток !
Есть такой вопрос.
Демо
У меня есть 13 светофоров, которые отображаются в тегаx <span>.
Я хочу узнать какой именно спан сейчас обрабатываеться и узнать его цвет.
Если можно что бы результат выводился через alert().
Заранее спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 19.10.2013, 21:23
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Сообщение от eko24
Я хочу узнать какой именно спан сейчас обрабатываеться
не совсем понятно, что значит "сейчас". Если на каждый декремент цифры в каждом спане выводить алерт, это будет 13 алертов в секунду
Ответить с цитированием
  #3 (permalink)  
Старый 19.10.2013, 21:37
Интересующийся
Отправить личное сообщение для eko24 Посмотреть профиль Найти все сообщения от eko24
 
Регистрация: 04.11.2012
Сообщений: 24

Я буду на канвасе отрисовывать эти светофоры.
То есть мне нужно знать у какого светофора какой цвет.
Отрисовка скорее всего будет происходить внутри функции визуализации светофоров.
Просто у меня сейчас есть массив с фазами для каждого светофора (спана), и еще будет массив с координатами этого светофора на канвасе, например:
traffic_locations = [[x1:10,y1:10,x2:20,y2:20],[x1:110,y1:110,x2:120,y2:120]];

И внутри визуализации переменная-итератор будет обращаться к массиву с локациями и эта переменная должна соотвествовать светофору который отображаеться и еще получать цвет этого светофора.
как то так
Ответить с цитированием
  #4 (permalink)  
Старый 19.10.2013, 21:53
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Сообщение от eko24
получать цвет этого светофора
получать цвет - это несложно. Я так и не понял цвет какого светофора хотите получать.
Вот, например, получатель цвета первого светофора - http://jsfiddle.net/BETEPAH/cNQWW/
Ответить с цитированием
  #5 (permalink)  
Старый 19.10.2013, 22:07
Интересующийся
Отправить личное сообщение для eko24 Посмотреть профиль Найти все сообщения от eko24
 
Регистрация: 04.11.2012
Сообщений: 24

Здесь итет отображение каждого светофора:
for (var a = 0, f; a < traffic_lights.length; a++) {
        var g = traffic_lights[a];
        f = $("#c" + a);
        (function (a, d) {
            var b = 0,
                time = 0;
            return function s() {
                time || (a.css({"background-color": d[b].color}), time = d[b].time, b = ++b % d.length);
                a.html(time);
                time--;
                window.setTimeout(s, 1e3);
            }
        })(f, g)();
    }

Еще у меня есть массив с координатами для каждого светофора:
traffic_locations = [[x1:10,y1:10,x2:20,y2:20],[x1:110,y1:110,x2:120,y2:120]];

Каждый раз как будет изменяться цвет в span будет прорисовываться этот светофор на канвасе.
Я себе вижу это как то так:
traffic_locations = [[x1:10,y1:10,x2:20,y2:20],[x1:110,y1:110,x2:120,y2:120]];
for (var a = 0, f; a < traffic_lights.length; a++) {
        var g = traffic_lights[a];
        var tl = traffic_locations[a];//получаем расположение на канвасе светофора, который сейчас обрабатываеться
        f = $("#c" + a);
        (function (a, d) {
            var b = 0,
                time = 0;
            return function s() {
                time || (a.css({"background-color": d[b].color}), time = d[b].time, b = ++b % d.length);
                a.html(time);
                time--;
                canvas.fillRect(tl.x1,tl.y1,tl.x2,tl.y2,d[b].color);//отрисовываем этот светофор на канвасе
                window.setTimeout(s, 1e3);
            }
        })(f, g)();
    }
Ответить с цитированием
  #6 (permalink)  
Старый 19.10.2013, 22:46
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Если я правильно понял, нужно фиксировать изменения цвета каждого светофора? Так? http://jsfiddle.net/BETEPAH/cNQWW/3/
Ответить с цитированием
  #7 (permalink)  
Старый 19.10.2013, 23:08
Интересующийся
Отправить личное сообщение для eko24 Посмотреть профиль Найти все сообщения от eko24
 
Регистрация: 04.11.2012
Сообщений: 24

Именно оно.
Только у меня мозги кипят, когда я пробую глазами выискать айдишник светфора.
Поможете это встроить под этот скрипт:
traffic_locations = [[x1:10,y1:10,x2:20,y2:20],[x1:110,y1:110,x2:120,y2:120]];
for (var a = 0, f; a < traffic_lights.length; a++) {
        var g = traffic_lights[a];
        var tl = traffic_locations[a];//получаем расположение на канвасе светофора, который сейчас обрабатываеться
        f = $("#c" + a);
        (function (a, d) {
            var b = 0,
                time = 0;
            return function s() {
                time || (a.css({"background-color": d[b].color}), time = d[b].time, b = ++b % d.length);
                a.html(time);
                time--;
                canvas.fillRect(tl.x1,tl.y1,tl.x2,tl.y2,d[b].color);//отрисовываем этот светофор на канвасе
                window.setTimeout(s, 1e3);
            }
        })(f, g)();
    }

?
Ответить с цитированием
  #8 (permalink)  
Старый 19.10.2013, 23:26
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Сообщение от eko24
Только у меня мозги кипят, когда я пробую глазами выискать айдишник светфора
десятая строка в Вашем последнем коде
time || ...

я ее немного переделал, посмотрите код на фидле
айдишник получаем так
a.attr('id')
Ответить с цитированием
  #9 (permalink)  
Старый 19.10.2013, 23:53
Интересующийся
Отправить личное сообщение для eko24 Посмотреть профиль Найти все сообщения от eko24
 
Регистрация: 04.11.2012
Сообщений: 24

И еще вопрос из любопытности:
что означает эти две линии ||:
time || (a.css({"background-color": d[b].color}), time = d[b].time, b = ++b % d.length);

Никак не могу додуматься...
Ответить с цитированием
  #10 (permalink)  
Старый 20.10.2013, 00:00
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

Сообщение от eko24
что означает эти две линии ||:
Это рони любит сокращать код
Логическое "или" (эти две линии) обрабатывается слева направо и прерывается, когда встречает первое истинное условие.
В данном случае, этот код проверяет есть ли значение у time, отличное от нуля. Если time == 0 или time == null или time == undefined или time == false, код идет дальше и выполняет то, что находится за двумя линиями (меняет цвет фона, устанавливает счетчик времени...)
А если у time есть значение, то что идет за двумя линиями, игнорируется

К сведению, если встретите два амперсанда, они обрабатываются до первого ложного значения.
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос по jquery - как узнать какой тэг? APL Общие вопросы Javascript 7 09.06.2016 15:22
Как узнать какой скрипт вызывается при клике по эленету (если это прямо не прописано) Dmitriy Komar Events/DOM/Window 4 08.12.2011 17:21
Массивы. Как узнать ключ, зная значение? jsuse Общие вопросы Javascript 4 24.11.2011 19:03
Как узнать подключен ли JavaScript у пользователя? frost18 Элементы интерфейса 1 26.10.2011 17:16
Как узнать о том, что флэш уже загрузился. Snipe Общие вопросы Javascript 4 29.01.2009 11:21