0

Здравствуйте.

Делаю сайт. И я хочу чтобы у меня сворачивалась шапка по нажатию на кнопку. Сворачиваться - сворачивается, но мне нужно также изменять картинку и позицию. Но это не происходит.

Как это исправить? Возможно дело в этом:

 onclick="if (document.getElementById('spoiler').style.display != '') {getElementById('spoiler').style.display = '';document.getElementById('bottonHead').style.background = 'url(open.png)';document.getelementsbyclassname('body').style.bottom = '0px';}else {document.getElementById('spoiler').style.display = 'none';document.getElementById('bottonHead').style.background = 'url(close.png)';document.getElementsByClassName('body').style.bottom = '46px';}"

1 ответ 1

3
  • Рекомендую завернуть код в функцию, будет приятнее и понятнее, а то писать прямо в онклике столько кода это перебор...
  • Рекомендую использовать jquery. Код будет несколько компактнее. Сравните:

document.getElementsByClassName('body') и $('.body')

  • Используйте $('.body').show() и $('.body').hide()

Это просто рекомендация, как проще.

3
  • Спасибо. Что не кто не знает в чем проблема?
    – ZooMka
    28 янв 2012 в 9:03
  • были подобные вопросы уже заданы. например, я помню задавался вопрос при нажатии на картинку, блок свернуть и заменить картинку. воспользуйтесь поиском. Ну а от себя подсказка можно создать два класса - одни для разворачивания, другой - для сворачивания. в этих классах указать позицию и фоновое изображение. при сворачивании/разворачивании добавлять/удалять эти классы.
    – LeD4eG
    28 янв 2012 в 9:10
  • Ошибку нашел. Она заключалась в том что у меня не было элемента с ID bottonHead, а был класс.
    – ZooMka
    28 янв 2012 в 9:22

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.