За последние 24 часа нас посетили 57645 программистов и 1848 роботов. Сейчас ищут 889 программистов ...

Изменение видимости блока при переходах

Тема в разделе "JavaScript и AJAX", создана пользователем eridan, 28 май 2015.

  1. eridan

    eridan Новичок

    С нами с:
    28 май 2015
    Сообщения:
    11
    Симпатии:
    0
    Уважаемые форумчане, помогите составить алгоритм действий.
    Есть большое количество блоков на странице, ко всем им применен стиль по умолчанию (display: none;), кроме активного. На активном блоке размещены ссылки, по клику на которые я попадаю на определенные этими ссылками блоки. Так же во всех блоках присутствует ссылка "назад" - вернуться на предыдущий блок. Вопрос, как сделать что б при клике активный блок становился (display: none;), а блок на который я ссылался становился активным, соответственно видимым.

    В результате действий пользователя на экране будет только 1 активный блок.

    Подскажите, как разумнее будет назвать блоки и осуществить переходы как вперед так и назад.
     
  2. eridan

    eridan Новичок

    С нами с:
    28 май 2015
    Сообщения:
    11
    Симпатии:
    0
    Я понимаю, что это слишком обширный вопрос, и не требую полного кода, просто совет в каком направлении мне копать
     
  3. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Класс для блоков скажем .disabled
    Можно якорь на ссылки повесить.
    При обнаружении якоря !block=b1 для всех блоков с классом .disabled делаем display:none, потом для блока с id b1 убираем display:none
     
  4. eridan

    eridan Новичок

    С нами с:
    28 май 2015
    Сообщения:
    11
    Симпатии:
    0
    К сожалению этот вариант не подойдет, на блок я могу перейти с разных блоков и по этому ссылка якорь назад не должна быть фиксированной.
     
  5. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.128
    Симпатии:
    1.248
    Адрес:
    там-сям
    history.go(-1)
    если URL меняется в процессе вашего кликания (хотябы #хеш меняется), в истории будут зафиксированы шаги и к ним можно вернуться.

    Добавлено спустя 2 минуты 59 секунд:
    update: в каких-то случаях вы можете обойтись только средствами CSS. будет и сокрытие блоков и история :)
    http://www.cssplay.co.uk/menu/clickgallery.html
     
  6. eridan

    eridan Новичок

    С нами с:
    28 май 2015
    Сообщения:
    11
    Симпатии:
    0
    Спасибо, все работает. Респект!