+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Дайте совет по реализации, пожалуйста.

  1. #1
    Новичок Free3e на пути к лучшему Аватар для Free3e
    Регистрация
    09.07.2017
    Сообщений
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Вопрос Дайте совет по реализации, пожалуйста.

    Добрый день.

    Подскажите как реализовать данные функции на JQuery:

    1. При нажатии на город меняется фон на фото нажатого города.
    2. Меняется блок со спикером нажатого города.

    Как реализовать для единичного случая (т.е. для класса ссылки города) понимаю, но не хочется прописывать для каждого класса т.к. городов много.

    Можно ли реализовать проще?

    С JQuery на вы, не пинайте сильно ))

    Заранее спасибо за подсказки!

    Последний раз редактировалось Free3e; 09.07.2017 в 17:56.

  2. #2
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,781
    Thanks
    140
    Thanked 134 Times in 134 Posts
    Я бы делал примерно вот так

    <body>
    <div id="sidebar"></div>
    <div id="speaker"></div>
    <script>
    (function(){
    var data = [
    {name: "Moscow", id: "moscow", image: "images/city/moscow.jpg", speaker: "images/speaker/moscow.jpg"},
    {name: "Казань", id: "kazan", image: "images/city/kazan.jpg", speaker: "images/speaker/kazan.jpg"},
    ....
    ]

    var speaker = document.getElementById('speaker');
    var sidebar= document.getElementById('sidebar');
    data.forEach(function(item){
    var checkbox = document.createElemement('input');
    checkbox.type = "ckeckbox";
    checkbox.checked = false;
    checkbox.onchange = function(){
    if(checkbox.checked) {
    document.body.style.backgound = item.image;
    speaker.style.background = item.speaker;
    }
    }
    checkbox.id = item.id;
    var label = document.createElement('label');
    label['for'] = item.id;
    label.appendChild(checkbox);
    var text = document.createTextNode(item.name);
    label.appendChild(text);
    sidebar.appendChild(label);
    });
    })()
    </script>
    </body>
    Делаю игру http://kill-them.com/

+ Ответить в теме

Похожие темы

  1. Дайте совет!
    от Warlock в разделе HTML
    Ответов: 6
    Последнее сообщение: 17.06.2017, 11:40
  2. Дайте пожалуйста совет
    от verstun в разделе Поисковые системы
    Ответов: 9
    Последнее сообщение: 24.05.2017, 15:19
  3. Дайте совет ! пожалуйста
    от joomlavi в разделе Web-дизайн
    Ответов: 1
    Последнее сообщение: 26.01.2015, 14:27
  4. Дайте совет
    от mihasik в разделе Web-дизайн
    Ответов: 4
    Последнее сообщение: 18.01.2014, 21:37
  5. Дайте совет пожалуйста
    от KDS в разделе HTML
    Ответов: 11
    Последнее сообщение: 15.10.2009, 19:53

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения

 

Html-форум RATING ALL.BY Рейтинг@Mail.ru