как сделать чтоб открывался div Блок

@inze · Регистрация: 26.12.2011

Author24 — интернет-сервис помощи студентам

Привет всем... у меня есть Сайт, вот хотелось что то там изменить... как сделать чтоб открывался div с помощью javascript. по точнее чтоб кнопка фильмы по страннам открывался и закрывался

HTML5

            <div class="hrblock"></div>
            <div id="leftnav">
            <div class="navBlock">Фильмы по странам</div>
            <div class="navBack">
                                <a href="/country/Австралия" title="Австралийские фильмы">&raquo; Австралийские фильмы</a><br />
                                <a href="/country/Великобритания" title="Английские фильмы">&raquo; Английские фильмы</a><br />
                                <a href="/country/США" title="Американские фильмы">&raquo; Американские фильмы</a><br />
                                <a href="/country/Бельгия" title="Бельгийские фильмы">&raquo; Бельгийские фильмы</a><br />
                                <a href="/country/Индия" title="Индийские фильмы">&raquo; Индийские фильмы</a><br />
                                <a href="/country/Ирландия" title="Ирландские фильмы">&raquo; Ирландские фильмы</a><br />
                                <a href="/country/Испания" title="Испанские фильмы">&raquo; Испанские фильмы</a><br />
                                <a href="/country/Италия" title="Итальянские фильмы">&raquo; Итальянские фильмы</a><br />
                <a href="/country/Казахстан" title="Казахстанские фильмы">&raquo; Казахстанские фильмы</a><br />
                                <a href="/country/Канада" title="Канадские фильмы">&raquo; Канадские фильмы</a><br />
                                <a href="/country/Корея" title="Корейские фильмы">&raquo; Корейские фильмы</a><br />
                                <a href="/country/Куба" title="Кубинские фильмы">&raquo; Кубинские фильмы</a><br />
                                <a href="/country/Германия" title="Немецкие фильмы">&raquo; Немецкие фильмы</a><br />
                                <a href="/country/Норвегия" title="Норвежские фильмы">&raquo; Норвежские фильмы</a><br />
                                <a href="/country/Молдова" title="Молдавские фильмы">&raquo; Молдавские фильмы</a><br />
                                <a href="/country/Россия" title="Российские фильмы">&raquo; Российские фильмы</a><br />
                                <a href="/country/Украина" title="Украйнские фильмы">&raquo; Украйнские фильмы</a><br />  
                <a href="/country/Франция" title="Французские фильмы">&raquo; Французские фильмы</a><br />
                                <a href="/country/Чехия" title="Чешские фильмы">&raquo; Чешские фильмы</a><br />
                                <a href="/country/Швеция" title="Шведские фильмы">&raquo; Шведские фильмы</a><br />
                                <a href="/country/Швейцария" title="Швейцарские фильмы">&raquo; Швейцарские фильмы</a><br />
                <a href="/country/Япония" title="Японские фильмы">&raquo; Японские фильмы</a><br />
            </div>
            </div>
            <div class="hrblock"></div>

Добавлено через 51 минуту
Ребята вы где???

@kalabuni · 10.05.2012, 18:13

Строки #4 и #5 вашего кода замените на:

HTML5

<div class="navBlock"
     onclick="obj = this; while (obj.className != 'navBack') obj = obj.nextSibling;
              with (obj.style) display = (display == 'none') ? '' : 'none'">Фильмы по странам</div>
<div class="navBack" style="display: none">

И в правилах стиля для класса navBlock добавьте правило cursor: pointer; (если его там нет).

@inze · 10.05.2012, 21:56 **[ТС]**

kalabuni спасибо, но я сам сделал вот так

HTML5

<div class="hrblock"></div>
            <div id="leftnav">
            <div class="navBlock" onClick="toggleNavBack()">Фильмы по странам</div>
<script>
    function toggleNavBack(){
     if (document.getElementById('list').style.display == 'none') {
      document.getElementById('list').style.display = 'block';
    } else {
     document.getElementById('list').style.display = 'none';
    }
    }
    </script>
 
            <div class="navBack"style="display:none" id='list'>
                                <a href="/country/Австралия" title="Австралийские фильмы">&raquo; Австралийские фильмы</a><br />
                                <a href="/country/Великобритания" title="Английские фильмы">&raquo; Английские фильмы</a><br />
                                <a href="/country/США" title="Американские фильмы">&raquo; Американские фильмы</a><br />
                                <a href="/country/Бельгия" title="Бельгийские фильмы">&raquo; Бельгийские фильмы</a><br />
                                <a href="/country/Индия" title="Индийские фильмы">&raquo; Индийские фильмы</a><br />

вот теперь не могу сделать чтоб бы медленно открывался... сможеть написать как сделать?

@kalabuni · 10.05.2012, 22:06

Вы сделали то же самое, что сделал и я.
Только наплодили дополнительных сущностей (ввели id, без которого я обошёлся).
Да и запись сделали полную, а я - сокращённую.

Что касается "медленного" открывания - опишите этот процесс словами.
Только, чур, сначала расскажите то, что вы хотите получить под словом "медленно" кому-нить сосвсем постороннему - например, соседской бабушке, которая ни фига не смыслит в компьютерах.

Вот только ТОТ ВАРИАНТ, которые окончательно объяснят соседской бабушке - что именно вы хотите получить и она вас абсолютно точно поймёт - сюда и напишите.
Договорились?

@inze · 10.05.2012, 22:20 **[ТС]**

kalabuni когда я нажимаю фильмы по странам, резко открывается страны... а мне хотелось чтоб где то в промежутке от 1секунда до 5секунд открывался а не сразу... если так возможно.

@kalabuni · 10.05.2012, 22:53

Ну и как, соседняя бабушка поняла?

Лично я вот понял следующим образом.

1. Жмёт пользователь на "фильмы по странам".
2. Одну секунду (или даже 5 секунд) ничего не происходит.
3. А потом, через одну (или даже через 5 секунд) - резко открываются все страны.
Так?
-----

В этом случае могу сказать следующее: клиенту (если он нормальный человек, а не заторможенный даун) одной и, тем более, пяти секунд, вполне хватит для того, чтобы понять, что эта "кнопка" у вас СОВСЕМ НЕ РАБОТАЕТ. Нормальный клиент закроет на фиг страницу и уйдёт смотреть другие - благо в интернете их много.

Или я вас неправильно понял?
Найдите другую бабушку, объясните ей - что же всё-таки значит по-вашему "медленно".

@inze · 11.05.2012, 20:42 **[ТС]**

kalabuni так уж не поняли ((( печально... вот пример покажу...

tutfilms.net посмотрите там и нажмите фильмы по странам и скажите что не хватает

@kalabuni · 11.05.2012, 21:17

Там вообще маразм полный.
Чем "Навигация", "TV онлайн", "Новинки сериалов" внешне отличаются от "Фильмы по странам"?

Правильно - ничем не отличаются.
Почему посетитель должен догадаться по "Фильмам" кликнуть?
Там даже "руки" (cursor: pointer) не навешано (а я предлагал).
-----

Да, открытие списка стран в таком виде - "не очень".
Здесь просится вариант "аккордеон", который описать следует таким образом:

"СРАЗУ после клика на надпись ниже идущая надпись с небольшой скоростью начинает опускаться вниз, а в промежутке между ними появляется список стран. Нижняя надпись как бы "закрывала" этот список, а теперь опускается вниз и список становится виден. И происходит это открытие где-то в пределах одной (максимум - двух) секунд. Аналогичным образом происходит закрытие - нижняя надпись постепенно поднимается и и через 1-2 секунды полностью закрывает список".

Сравните это описание с вашим -

Сообщение от inze

когда я нажимаю фильмы по странам, резко открывается страны... а мне хотелось чтоб где то в промежутке от 1секунда до 5секунд открывался а не сразу... если так возможно.

и спросите у соседской бабушки - это описание одного и того же?

@inze · 11.05.2012, 21:20 **[ТС]**

kalabuni

))) в натури я не внятно написал ... еси честно я казах... много на русском не могу обьяснить честно говоря... ну как поможете ?

@Воваша · 11.05.2012, 21:24

Мне кажется, или это

Сообщение от kalabuni

"СРАЗУ после клика на надпись ниже идущая надпись с небольшой скоростью начинает опускаться вниз, а в промежутке между ними появляется список стран. Нижняя надпись как бы "закрывала" этот список, а теперь опускается вниз и список становится виден. И происходит это открытие где-то в пределах одной-двух секунд. Аналогичным образом происходит закрытие - нижняя надпись постепенно поднимается и и через 1-2 секунды полностью закрывает список".

и это

Сообщение от kalabuni

когда я нажимаю фильмы по странам, резко открывается страны... а мне хотелось чтоб где то в промежутке от 1секунда до 5секунд открывался а не сразу... если так возможно.

нужно прописывать в CSS?

@inze · 11.05.2012, 21:25 **[ТС]**

Сообщение от Воваша

"СРАЗУ после клика на надпись ниже идущая надпись с небольшой скоростью начинает опускаться вниз, а в промежутке между ними появляется список стран. Нижняя надпись как бы "закрывала" этот список, а теперь опускается вниз и список становится виден. И происходит это открытие где-то в пределах одной-двух секунд. Аналогичным образом происходит закрытие - нижняя надпись постепенно поднимается и и через 1-2 секунды полностью закрывает список"

вот это надо

@Воваша · 11.05.2012, 22:16

Может эта статья вам подойдёт

@kalabuni · 12.05.2012, 04:32

HTML5

1 2	<div class="navBlock" onclick="mF (this)" style="cursor: pointer">Фильмы по странам</div> <div class="navBack" style="display: none">

Javascript

function mF (w)
{
if (!this.s)
   {
   this.d = (!this.d) ? 0 : this.d;
   while (w.className != 'navBack') w = w.nextSibling;
   w.style.overflow = 'hidden'; w.style.height = this.h = this.d;
   w.style.display = ''; this.s = w; mF ();
   }
else
   {
   if (this.t) clearTimeout (this.t); 
   if ((!this.d && this.h < this.s.scrollHeight) || (this.d && this.h > 0))
      {
      this.h += (!this.d) ? 1 : -1; this.s.style.height = this.h + 'px';
      this.t = setTimeout ('mF ()', 5);
      }
   else {this.d = ((!this.d) ? this.s.scrollHeight : 0); this.s = null}
   }
}

@inze · 12.05.2012, 12:52 **[ТС]**

kalabuni Спасибо те большое )))

@kalabuni · 12.05.2012, 13:50

Кстати, если уж "Фильмы по странам" (а не "по национальностям"), то "английских" и "корейских" быть не должно.
Ибо нет таких стран - Англии и Кореи... должны быть "британские" и "южнокорейские"

Либо труднопроизносимое слово "казахстанские" тоже меняйте на "казахские".

@inze 20 / 20 / 0 Регистрация: 26.12.2011 Сообщений: 440
	12.05.2012, 12:52 [ТС]	14
	kalabuni Спасибо те большое ))) 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	12.05.2012, 13:50	15
	Кстати, если уж "Фильмы по странам" (а не "по национальностям"), то "английских" и "корейских" быть не должно. Ибо нет таких стран - Англии и Кореи... должны быть "британские" и "южнокорейские" Либо труднопроизносимое слово "казахстанские" тоже меняйте на "казахские". 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	10.05.2012, 22:06	4
	Вы сделали то же самое, что сделал и я. Только наплодили дополнительных сущностей (ввели id, без которого я обошёлся). Да и запись сделали полную, а я - сокращённую. Что касается "медленного" открывания - опишите этот процесс словами. Только, чур, сначала расскажите то, что вы хотите получить под словом "медленно" кому-нить сосвсем постороннему - например, соседской бабушке, которая ни фига не смыслит в компьютерах. Вот только ТОТ ВАРИАНТ, которые окончательно объяснят соседской бабушке - что именно вы хотите получить и она вас абсолютно точно поймёт - сюда и напишите. Договорились? 0

@inze 20 / 20 / 0 Регистрация: 26.12.2011 Сообщений: 440
	10.05.2012, 22:20 [ТС]	5
	kalabuni когда я нажимаю фильмы по странам, резко открывается страны... а мне хотелось чтоб где то в промежутке от 1секунда до 5секунд открывался а не сразу... если так возможно. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	10.05.2012, 22:53	6
	Ну и как, соседняя бабушка поняла? Лично я вот понял следующим образом. 1. Жмёт пользователь на "фильмы по странам". 2. Одну секунду (или даже 5 секунд) ничего не происходит. 3. А потом, через одну (или даже через 5 секунд) - резко открываются все страны. Так? ----- В этом случае могу сказать следующее: клиенту (если он нормальный человек, а не заторможенный даун) одной и, тем более, пяти секунд, вполне хватит для того, чтобы понять, что эта "кнопка" у вас СОВСЕМ НЕ РАБОТАЕТ. Нормальный клиент закроет на фиг страницу и уйдёт смотреть другие - благо в интернете их много. Или я вас неправильно понял? Найдите другую бабушку, объясните ей - что же всё-таки значит по-вашему "медленно". 0

@inze 20 / 20 / 0 Регистрация: 26.12.2011 Сообщений: 440
	11.05.2012, 20:42 [ТС]	7
	kalabuni так уж не поняли ((( печально... вот пример покажу... tutfilms.net посмотрите там и нажмите фильмы по странам и скажите что не хватает 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	11.05.2012, 21:17	8
	Там вообще маразм полный. Чем "Навигация", "TV онлайн", "Новинки сериалов" внешне отличаются от "Фильмы по странам"? Правильно - ничем не отличаются. Почему посетитель должен догадаться по "Фильмам" кликнуть? Там даже "руки" (cursor: pointer) не навешано (а я предлагал). ----- Да, открытие списка стран в таком виде - "не очень". Здесь просится вариант "аккордеон", который описать следует таким образом: "СРАЗУ после клика на надпись ниже идущая надпись с небольшой скоростью начинает опускаться вниз, а в промежутке между ними появляется список стран. Нижняя надпись как бы "закрывала" этот список, а теперь опускается вниз и список становится виден. И происходит это открытие где-то в пределах одной (максимум - двух) секунд. Аналогичным образом происходит закрытие - нижняя надпись постепенно поднимается и и через 1-2 секунды полностью закрывает список". Сравните это описание с вашим - Сообщение от inze когда я нажимаю фильмы по странам, резко открывается страны... а мне хотелось чтоб где то в промежутке от 1секунда до 5секунд открывался а не сразу... если так возможно. и спросите у соседской бабушки - это описание одного и того же? 0

@inze 20 / 20 / 0 Регистрация: 26.12.2011 Сообщений: 440
	11.05.2012, 21:20 [ТС]	9
	kalabuni ))) в натури я не внятно написал ... еси честно я казах... много на русском не могу обьяснить честно говоря... ну как поможете ? 0

@Воваша 26 / 26 / 2 Регистрация: 10.05.2012 Сообщений: 120
	11.05.2012, 21:24	10
	Мне кажется, или это Сообщение от kalabuni "СРАЗУ после клика на надпись ниже идущая надпись с небольшой скоростью начинает опускаться вниз, а в промежутке между ними появляется список стран. Нижняя надпись как бы "закрывала" этот список, а теперь опускается вниз и список становится виден. И происходит это открытие где-то в пределах одной-двух секунд. Аналогичным образом происходит закрытие - нижняя надпись постепенно поднимается и и через 1-2 секунды полностью закрывает список". и это Сообщение от kalabuni когда я нажимаю фильмы по странам, резко открывается страны... а мне хотелось чтоб где то в промежутке от 1секунда до 5секунд открывался а не сразу... если так возможно. нужно прописывать в CSS? 0

@inze 20 / 20 / 0 Регистрация: 26.12.2011 Сообщений: 440
	11.05.2012, 21:25 [ТС]	11
	Сообщение от Воваша "СРАЗУ после клика на надпись ниже идущая надпись с небольшой скоростью начинает опускаться вниз, а в промежутке между ними появляется список стран. Нижняя надпись как бы "закрывала" этот список, а теперь опускается вниз и список становится виден. И происходит это открытие где-то в пределах одной-двух секунд. Аналогичным образом происходит закрытие - нижняя надпись постепенно поднимается и и через 1-2 секунды полностью закрывает список" вот это надо 1

@Воваша 26 / 26 / 2 Регистрация: 10.05.2012 Сообщений: 120
	11.05.2012, 22:16	12
	Может эта статья вам подойдёт 1

Опции темы