|
Варианты скриптов Открыть / Закрыть, Примеры, Эффекты, Реали
|
|
|
2012-05-10Дата: Четверг, 10.05.2012, 14:48 | Сообщение # 1 |
Подполковник
Группа: Пользователи
Статус: Offline
|
likbezz, привет!
установила сюда ещё один скрипт открыть/закрыть (что бы убрать те элементы из шапки..)
но теперь волнуюсь что это перегрузит сайт :/ ты как считаешь, он не очень тормазит?
| | |
|
|
2012-05-10Дата: Четверг, 10.05.2012, 19:54 | Сообщение # 2 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
rikulia, Quote (rikulia) likbezz, привет!
установила сюда ещё один скрипт открыть/закрыть (что бы убрать те элементы из шапки..)
но теперь волнуюсь что это перегрузит сайт :/ ты как считаешь, он не очень тормазит?
Приветики)
Куда нажать?
Не вижу кнопки открыть/закрыть)))
А вообще, если просто, действительно, открыть закрыть - для этого можно использовать либо - чистый JavaScript, например:
Code <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="document.getElementById('id').style.display='none';return false;">Закрыть</a><br /> <a href="javascript://" onclick="document.getElementById('id').style.display='';return false;">Открыть</a>
или
Code <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="document.getElementById('id').style.display='none';return false;">Закрыть</a><br /> <a href="javascript://" onclick="document.getElementById('id').style.display='block';return false;">Открыть</a>
Или простенькую функцию:
Code <script type="text/javascript"> function toggle(obj){var el=document.getElementById(obj);if(el.style.display!='none'){el.style.display='none'}else{el.style.display=''}}; </script> <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="toggle('id');return false;">Закрыть</a><br /> <a href="javascript://" onclick="toggle('id');return false;">Открыть</a>
или
Code <script type="text/javascript"> function toggle(obj){var el=document.getElementById(obj);if(el.style.display!='none'){el.style.display='none'}else{el.style.display=''}}; </script> <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="toggle('id');return false;">Открыть / Закрыть</a>
...
Или, если нужны какие либо эффекты, стандартные функции jQuery,
Типа:
Просто - открыть/закрыть
Code <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="$('#id').hide();return false;">Закрыть</a> | <a href="javascript://" onclick="$('#id').show();return false;">Открыть</a>
С разворотом:
Code <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="$('#id').slideUp();return false;">Закрыть</a> | <a href="javascript://" onclick="$('#id').slideDown();return false;">Открыть</a>
С прозрачностью:
Code <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="$('#id').fadeOut();return false;">Закрыть</a> | <a href="javascript://" onclick="$('#id').fadeIn();return false;">Открыть</a>
SlideToggle
Code <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="$('#id').slideToggle();return false;">Закрыть / Открыть</a>
FadeToggle
Code <div id="id">Здесь располагается содержимое id "id"</div> <a href="javascript://" onclick="$('#id').fadeToggle();return false;">Закрыть / Открыть</a>
...
И так далее.
То бишь не обязательно подключать какие либо скрипты что бы просто открыть закрыть )
...
Типа:
☑ Варианты скриптов Открыть / Закрыть, Примеры, Эффекты, Реализация
...
| | |
|
|
2012-05-11Дата: Пятница, 11.05.2012, 03:22 | Сообщение # 3 |
Подполковник
Группа: Пользователи
Статус: Offline
|
Quote (likbezz) Куда нажать?
Не вижу кнопки открыть/закрыть)))
в правом контейнере самая верхняя!!
Quote (likbezz) А вообще, если просто, действительно, открыть закрыть - для этого можно использовать либо - чистый JavaScript, например:
там ещё js один есть.. поэтому и волнуюсь что тяжело получилось
Добавлено (11.05.2012, 03:17)
---------------------------------------------
блин! мне щас написали что проблема появилась((
если выйти и зайти, то попадаешь на эту стр. почему-то? http://sofiarotaru.net/index/sub/
я ничего такого не меняла!!
Добавлено (11.05.2012, 03:21)
---------------------------------------------
я с того сайта убрала пока, тут пример: http://aur.moy.su/
Добавлено (11.05.2012, 03:22)
---------------------------------------------
Quote (rikulia) То бишь не обязательно подключать какие либо скрипты что бы просто открыть закрыть )
...
вооот точно!! пойду я переделывать без них!!
Сообщение отредактировал rikulia - Пятница, 11.05.2012, 03:41 | | |
|
|
2012-05-11Дата: Пятница, 11.05.2012, 04:56 | Сообщение # 4 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
rikulia, Quote (rikulia) блин! мне щас написали что проблема появилась((
если выйти и зайти, то попадаешь на эту стр. почему-то? http://sofiarotaru.net/index/sub/
я ничего такого не меняла!!
Это бывает при конфликте скирптов. Возможно, данный crgn конфликтует с системной библиотекой ...
...
Quote (rikulia) вооот точно!! пойду я переделывать без них!!
Вот-вот, это будет лучше и проще )
...
Добавлено (11.5.2012, 5:04:03)
---------------------------------------------
Ага, точно, вот из-за этого:
Code <script type="text/javascript" src="http://sofiarotaru.net/js/jquery-1.5.min.js"></script>
Сделай-ка ты просто вот так:
Code <div onclick="$('#panel').slideToggle('slow');$(this).toggleClass('hide');return false;" style="border-bottom: 1px solid #0E0E0E;" class="show"> </div>
и все )
Стили оставь, скрипты удали.
...
| | |
|
|
2012-05-11Дата: Пятница, 11.05.2012, 05:45 | Сообщение # 5 |
Подполковник
Группа: Пользователи
Статус: Offline
|
Quote (likbezz) Сделай-ка ты просто вот так:
всё! я уже немного по-другому сделала)) так ведь тоже можно? а тот скрипт убрала
| | |
|
|
2012-05-11Дата: Пятница, 11.05.2012, 06:22 | Сообщение # 6 |
Аццкий кодер
Группа: Администраторы
Статус: Unknown
|
rikulia, Quote (rikulia) всё! я уже немного по-другому сделала)
Ну, кто не успел - тот опоздал )))
...
Quote (rikulia) так ведь тоже можно?
Да, конечно.
...
Quote (rikulia) а тот скрипт убрала
Правильно, он явно был лишним...
| | |
|
