Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.07.2015, 13:28
Интересующийся
Отправить личное сообщение для karssen Посмотреть профиль Найти все сообщения от karssen
 
Регистрация: 14.06.2013
Сообщений: 25

Оцените работоспособность кода пожалуйста
Я только начинаю изучать javascript, отчасти поэтому выглядит все чепорно и прямолинейно. Буду благодарен советам и рекомендациям.
Это одно из тестовых заданий чтоб попасть на обучение test.zip Сама задача звучит так:
Сверстайте табло аэропорта. На нём должны быть представлены следующие данные:

тип рейса (вылет/прилёт; например это может быть иконка);
номер рейса;
авиакомпания;
логотип авиакомпании;
тип воздушного судна;
аэропорт назначения;
плановое время вылета или прилёта;
статус рейса (для вылетающих: регистрация, ожидание посадки, посадка закончена, вылетел; для прилетающих: по расписанию, летит, приземлился; для всех: задерживается до HH:MM, отменён);
примечание (например, информация о код-шеринге с другими авиакомпаниями).
В качестве источника можно использовать данные онлайн-табло любого аэропорта мира.
Дизайн оформления выберите на своё усмотрение, при этом необходимо реализовать следующее:

по наведению курсора на определённое место в табло контрастным цветом выделяются соответствующие строка и столбец;
нечётные строки табло темнее чётных;
количество отображаемых данных по высоте больше ширины экрана, при прокрутке заголовок таблицы приклеивается к верхней части видимой области окна браузера;
при изменении ширины экрана браузера в табло автоматически скрываются и/или сокращаются значения наименее важных столбцов (например, при ширине 1000 пикселей вы показываете всю таблицу, при ширине 900 пикселей — убираете название авиакомпании, оставляя только логотип, 800 пикселей — сокращаете название воздушного судна (Boeing 737-800 -> B737) и так далее);
в дополнение к предыдущему пункту сделайте так, чтобы по клику на соответствующую строчку в выплывающем окне показывались все данные рейса;
два чекбокса над самим табло: прилёт и вылет, по нажатию показываются только соответствующие рейсы.
Плюсом будет, если вам удастся реализовать табло без JavaScript.


Как реализовать это без javascript я если честно ума не приложу,но то что получилось представлено в архиве. В чем собственно сложность. Не получается удалить всплывающий span с его содержимым корректно.Он так и остается висеть в DOM дереве. И все так же событие скролл не цепляет заголовок по человечески. В firefox у меня оно почему то работает именно так как надо
Ответить с цитированием
  #2 (permalink)  
Старый 15.07.2015, 13:36
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от karssen
Я только начинаю изучать javascript
тогда ШРИ не для тебя... как мне кажется по крайней мере в этом году

https://academy.yandex.ru/events/shr...ong_text_14145
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук

Последний раз редактировалось nerv_, 15.07.2015 в 13:42.
Ответить с цитированием
  #3 (permalink)  
Старый 15.07.2015, 13:48
Интересующийся
Отправить личное сообщение для karssen Посмотреть профиль Найти все сообщения от karssen
 
Регистрация: 14.06.2013
Сообщений: 25

Ну попытаться то хотя бы можно) А так я и не знаю куда на обучение идти. В специалисте все скомкано, дают большой объем информации в короткие сроки и курсы раскиданы в течение года неудобно.
Ответить с цитированием
  #4 (permalink)  
Старый 15.07.2015, 13:51
Интересующийся
Отправить личное сообщение для karssen Посмотреть профиль Найти все сообщения от karssen
 
Регистрация: 14.06.2013
Сообщений: 25

кстати может по коду что нибудь подскажите?)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как заменить цепочку кода в DOM другой строкой? SashaFlowSet Events/DOM/Window 2 11.03.2015 10:47
Вставка HTML кода и JS кода через innerHTML zhurchik AJAX и COMET 1 31.10.2014 17:32
Непоследовательное выполнения кода. Dantered Общие вопросы Javascript 3 20.10.2014 16:06
Помогите пожалуйста. Оптимизация кода. touch_the_sky Элементы интерфейса 21 18.06.2009 19:53
Помогите пожалуйста. Оптимизация кода. touch_the_sky Events/DOM/Window 0 17.06.2009 14:52