• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Варианты скриптов Открыть / Закрыть, Примеры, Эффекты, Реали (JavaScript, jQuery. Примеры на тему Открыть/Закрыть)
Варианты скриптов Открыть / Закрыть, Примеры, Эффекты, Реали
Дата: Четверг, 10.05.2012, 14:48 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: Offline


likbezz, привет!
установила сюда ещё один скрипт открыть/закрыть (что бы убрать те элементы из шапки..)
но теперь волнуюсь что это перегрузит сайт :/ ты как считаешь, он не очень тормазит?


 
Дата: Четверг, 10.05.2012, 19:54 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: 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>

...

И так далее.
То бишь не обязательно подключать какие либо скрипты что бы просто открыть закрыть )
...

Типа:
Варианты скриптов Открыть / Закрыть, Примеры, Эффекты, Реализация
...


 
Дата: Пятница, 11.05.2012, 03:22 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: 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
 
Дата: Пятница, 11.05.2012, 04:56 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: 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>

и все )
Стили оставь, скрипты удали.
...


 
Дата: Пятница, 11.05.2012, 05:45 |
rikulia
Подполковник
Группа: Пользователи
Сообщений: 105
Награды: 2
Репутация: 11
Статус: Offline


Quote (likbezz)
Сделай-ка ты просто вот так:

всё! я уже немного по-другому сделала)) так ведь тоже можно? а тот скрипт убрала


 
Дата: Пятница, 11.05.2012, 06:22 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


rikulia,
Quote (rikulia)
всё! я уже немного по-другому сделала)

Ну, кто не успел - тот опоздал )))
...
Quote (rikulia)
так ведь тоже можно?

Да, конечно.
...
Quote (rikulia)
а тот скрипт убрала

Правильно, он явно был лишним...


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Варианты скриптов Открыть / Закрыть, Примеры, Эффекты, Реали (JavaScript, jQuery. Примеры на тему Открыть/Закрыть)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия