• Страница 6 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Плавное сворачивание / разворачивание блока + куки (Инструкция и подробное описание привязки куки к объекту)
Плавное сворачивание / разворачивание блока + куки
Дата: Среда, 08.08.2012, 18:17 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Burman,
а вот это уже не работает:
Code
<script type="text/javascript">
$(document).ready(function(){
/* Start DocumentReady */
$("div.hideWrap a.hideBtn").click(function(){
$(this).toggleClass('show').siblings('div.hideCont').slideToggle('normal');
return false;
});
/* End DocumentReady */
});
</script>


А в этой версии и нет запоминания блоков.. не ужели не видно..
Ознакомьтесь с темой, вопрос рассмотрен и вдоль и поперек.. и наискосок тоже.


 
Дата: Четверг, 09.08.2012, 16:22 |
Burman
Рядовой
Группа: Зарегистрированные
Сообщений: 7
Награды: 0
Репутация: 0
Статус: Offline


Блин, я видно тупо объясняю что там не работает у меня.

приведенный выше код, вообще не хочет на моей странице открывать/скрывать контент
дело не в куках., я привел пример с куками так как его ставил в первую очередь.
вопрос то рассмотрен, и понятен, но почему не работает открытие/скрытие блока в это варианте скрипта на моей странице не пойму (ни с куками ни без кук).
вот.

готов оплатить консультацию (в разумности), если все заработает как надо на той странице

вот собственно код того как сейчас:

Code


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2">
<script type="text/javascript" src="http://likbezz.ru/_theme/_script/_ext/_cookie.js"></script>
<style type="text/css">
.hideBtn{display:block;cursor:pointer;outline:none;padding:1px 14px 2px;}
.hideBtn.show{display:block;}
.hideCont{display:none;}
</style>

<script type="text/javascript">
$(function(){
/* Start DocumentReady */
$('div.hideWrap a.hideBtn').each(function(i){var cookie=getCookie('hideBtn'+i);
if (cookie&&cookie.indexOf('show')>-1)$(this).toggleClass('show').siblings('div.hideCont').show();})
/* StartClickFunction */
$('div.hideWrap a.hideBtn').click(function(){
$(this).toggleClass('show').siblings('div.hideCont').slideToggle('normal');
var hideBtn=$('div.hideWrap a.hideBtn').index($(this)),isShow=$(this).attr('class');
setCookie('hideBtn'+hideBtn,isShow,365);
return false;  
});
/* End DocumentReady */
});
</script>  



контент:

Code

<div class="hideWrap">
<div id="magazin-kategorya">
  <img src="images/kabinety_40.png" border="0" height="3" width="450">
  <div id="magazin-pole">
   бла-бла-бла-бла-бла
<div align="right"><a href="#" class="hideBtn" title="Показать\Скрыть продукцию"><h4>Выбрать продукцию</h4></a></div>
</div>
<img src="images/kabinety_44.png" height="3" width="450">
</div>

<div id="460" class="hideCont">
бла-бла-бла
</div>

</div>


 
Дата: Четверг, 09.08.2012, 17:08 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Burman,
готов оплатить консультацию (в разумности), если все заработает как надо на той странице

Хорошо.
Проблему вижу. Могу решить.


 
Дата: Четверг, 09.08.2012, 17:11 |
Burman
Рядовой
Группа: Зарегистрированные
Сообщений: 7
Награды: 0
Репутация: 0
Статус: Offline


Отлично, сколько, куда и что еще нужно (правда деньги смогу в понедельник перевести только)

 
Дата: Четверг, 09.08.2012, 17:38 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Burman,
Отлично, сколько, куда и что еще нужно

Еще неплохо было бы иметь ссылку на сайт. Но не обязательно. Этого достаточно.
Сколько? - как и написали - в разумных пределах (на ваше усмотрение)
Куда?
Quote (Info)
WebMoney (кошелёк):
R426443544810
Z120914141775
E305902557268
U399148405304
B258688647365

Яндекс деньги (№ счета):
41001660518076

Единый кошелек (№ счета):
181342928825@W1

- на главной, левая колонка, нижний блок.

вот собственно код того как сейчас:

Вот тот, который нужен:
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
<script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/hidewrap_vipsalon.js"></script>
<style type="text/css">
.hideBtn{display:block;cursor:pointer;outline:none;padding:1px 14px 2px;}
.hideBtn.show{display:block;}
.hideCont{display:none;}
</style>

Контент тот же.


 
Дата: Четверг, 09.08.2012, 19:35 |
Burman
Рядовой
Группа: Зарегистрированные
Сообщений: 7
Награды: 0
Репутация: 0
Статус: Offline


ссылка была в 1м посте
http://vipsalondoma.ru/Netshop/nimue/


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


вот собственно код того как сейчас:


Замените свой код на это:
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
<script type="text/javascript" src="http://likbezz.ru/_source/_js/ext/hidewrap_vipsalon.js"></script>
<style type="text/css">
.hideBtn{display:block;cursor:pointer;outline:none;padding:1px 14px 2px;}
.hideBtn.show{display:block;}
.hideCont{display:none;}
</style>

Скрипт кук уже прописан, подключать не нужно, он внутри hidewrap_vipsalon.js
Контент тот же.

В скрипте присутствует копирайт добавляющий титле к кнопке, после оплаты уберу.


 
Дата: Понедельник, 13.08.2012, 10:16 |
Burman
Рядовой
Группа: Зарегистрированные
Сообщений: 7
Награды: 0
Репутация: 0
Статус: Offline


Добрый день likbezz

Скрипт кук уже прописан, подключать не нужно, он внутри hidewrap_vipsalon.js
Контент тот же.

В скрипте присутствует копирайт добавляющий титле к кнопке, после оплаты уберу.


код вставил, скрытие/открытие блоков заработало, запоминание нет.

перенес наше обсуждение в http://likbezz.ru/forum/8-957-1
дабы не засорять.


Сообщение отредактировал Burman - Понедельник, 13.08.2012, 10:17
 
Дата: Суббота, 18.08.2012, 13:16 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Burman,
перенес наше обсуждение в http://likbezz.ru/forum/8-957-1
дабы не засорять.

Сегодня сделаю.


 
Дата: Вторник, 25.08.2015, 05:27 |
rons
Сержант
Группа: Проверенные
Сообщений: 24
Награды: 0
Репутация: 0
Статус: Offline


Приветствую. Как вынести кнопку hideBtn, за пределы hideWrap?
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://s2.ucoz.net/src/jquery-1.6.1.js"></script>
<script type="text/javascript" src="/_theme/_script/_ext/_cookie.js"></script>

<script type="text/javascript">
$(function(){
/* Start DocumentReady */
$('div.hideWrap a.hideBtn').each(function(i){var cookie=getCookie('hideBtn'+i);
if(cookie&&cookie.indexOf('show')>-1)$(this).toggleClass('show').siblings('div.hideCont').show();})
/* StartClickFunction */
$('div.hideWrap a.hideBtn').click(function(){
$(this).toggleClass('show').siblings('div.hideCont').slideToggle('normal');
var hideBtn=$('div.hideWrap a.hideBtn').index($(this)),isShow=$(this).attr('class');
setCookie('hideBtn'+hideBtn,isShow,365);
return false;
});
/* End DocumentReady */
});
</script>
</head>

<body id="dm1">

<!--Start()-->

<div class="hideWrap">
<a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a>
<div class="hideCont">Здесь располагается содержимое class "hideCont"</div>
</div>

<!--//End()-->

</body>
</html>

Что было например так:

<a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a>
<div class="hideWrap">
<div class="hideCont">Здесь располагается содержимое class "hideCont"</div>
</div>


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


rons,
Цитата rons, Вт, 25.08.2015, 05:27:44
Приветствую. Как вынести кнопку hideBtn, за пределы hideWrap?

В данном скрипте, никак.

Цитата rons, Вт, 25.08.2015, 05:27:44
Что было например так:
<a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a>
<div class="hideWrap">
<div class="hideCont">Здесь располагается содержимое class "hideCont"</div>
</div>

Так:
Код
$('div.hideWrap').prev('a.hideBtn').click(function(){
...


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Плавное сворачивание / разворачивание блока + куки (Инструкция и подробное описание привязки куки к объекту)
  • Страница 6 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
Поиск:


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