Плавное сворачивание / разворачивание блока + куки
2012-08-08 Дата: Среда, 08.08.2012, 18:17 | Сообщение # 76
Аццкий кодер
Группа: Администраторы
Статус: 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>
А в этой версии и нет запоминания блоков.. не ужели не видно.. Ознакомьтесь с темой, вопрос рассмотрен и вдоль и поперек.. и наискосок тоже.
2012-08-09 Дата: Четверг, 09.08.2012, 16:22 | Сообщение # 77
Рядовой
Группа: Зарегистрированные
Статус: 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>
2012-08-09 Дата: Четверг, 09.08.2012, 17:08 | Сообщение # 78
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Burman , готов оплатить консультацию (в разумности), если все заработает как надо на той странице
Хорошо. Проблему вижу. Могу решить.
2012-08-09 Дата: Четверг, 09.08.2012, 17:11 | Сообщение # 79
Рядовой
Группа: Зарегистрированные
Статус: Offline
Отлично, сколько, куда и что еще нужно (правда деньги смогу в понедельник перевести только)
2012-08-09 Дата: Четверг, 09.08.2012, 17:38 | Сообщение # 80
Аццкий кодер
Группа: Администраторы
Статус: 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>
Контент тот же.
2012-08-09 Дата: Четверг, 09.08.2012, 19:35 | Сообщение # 81
Рядовой
Группа: Зарегистрированные
Статус: Offline
ссылка была в 1м посте http://vipsalondoma.ru/Netshop/nimue/
2012-08-10 Дата: Пятница, 10.08.2012, 05:06 | Сообщение # 82
Аццкий кодер
Группа: Администраторы
Статус: 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 Контент тот же. В скрипте присутствует копирайт добавляющий титле к кнопке, после оплаты уберу.
2012-08-13 Дата: Понедельник, 13.08.2012, 10:16 | Сообщение # 83
Рядовой
Группа: Зарегистрированные
Статус: Offline
Добрый день likbezz Скрипт кук уже прописан, подключать не нужно, он внутри hidewrap_vipsalon.js Контент тот же. В скрипте присутствует копирайт добавляющий титле к кнопке, после оплаты уберу.
код вставил, скрытие/открытие блоков заработало, запоминание нет. перенес наше обсуждение в http://likbezz.ru/forum/8-957-1 дабы не засорять.
Сообщение отредактировал Burman - Понедельник, 13.08.2012, 10:17
2012-08-18 Дата: Суббота, 18.08.2012, 13:16 | Сообщение # 84
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Burman , перенес наше обсуждение в http://likbezz.ru/forum/8-957-1 дабы не засорять.
Сегодня сделаю.
2015-08-25 Дата: Вторник, 25.08.2015, 05:27 | Сообщение # 85
Сержант
Группа: Проверенные
Статус: 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>
2015-08-25 Дата: Вторник, 25.08.2015, 12:52 | Сообщение # 86
Аццкий кодер
Группа: Администраторы
Статус: Unknown
rons , Приветствую. Как вынести кнопку hideBtn, за пределы hideWrap?
В данном скрипте, никак. Что было например так: <a class="hideBtn" href="javascript://" title="Показать\Скрыть блок">Показать</a> <div class="hideWrap"> <div class="hideCont">Здесь располагается содержимое class "hideCont"</div> </div>
Так: Код
$('div.hideWrap').prev('a.hideBtn').click(function(){ ...