Запоминаем положение интерфейса средствами JavaScript

10 thoughts on “Запоминаем положение интерфейса средствами JavaScript”

1. Давно искала эту информацию, спасибо.

2. куки будут посылаться серверу с каждым запросом. лучше использовать localStorage и иже с ним

   • Согласен, но localStorage, еще не утвержден, и есть проблема поддержки всех браузеров, если только хаки писать.

3. люди что я делаю не так? я скачал плагин jquery.ezCookie_0.8.0.js , кинул его в папку js весь код скопировал, вставил и в результате вместо слова открыть и закрыть какие то иероглифы,также я например закрываю 1 и 4 квадрат, обновляю страницу и все квадраты стоят как в первоначальном виде, что делать?

4. Иероглифы из-за того что проблема с кодировкой, для вас сделал архив с исходным кодом .

5. Подскажите пожалуйста как сделать так, чтобы при нажатии на ссылку или кнопку открывалась в новой вкладке страница из списка урлов. И по порядку с задержкой в 5 секунд открытая страница перенаправлялась на следующую из списка.
   часа три уже пишу никак не получится, сам не справлюсь никак.. =(
   За ранее большое спасибо. мм если если поможете добавлю ваш урл в список =)

6. Вопрос: почему у меня при щелчке (сделал все что написано) она закрывается и открывается резко без медленного открытия. Что делать?

7. Здравствуйте, подскажите пожалуйста, что здесь мешает сохранить позицию и как это исправить

   // li > a.sf-with-ul’).parent(‘li’).addClass(‘sf-ul’);

   et_search_bar();
   et_footer_improvements(‘#footer .footer-widget’);

   
   (function($)
   {
   $.fn.et_switcher = function(options)
   {
   var defaults =
   {
   slides: ‘>div’,
   activeClass: ‘active’,
   linksNav: »,
   findParent: true, //use parent elements in defining lengths
   lengthElement: ‘li’, //parent element, used only if findParent is set to true
   useArrows: false,
   arrowLeft: ‘prevlink’,
   arrowRight: ‘nextlink’,
   auto: false,
   autoSpeed: 5000
   };

   var options = $.extend(defaults, options);

   return this.each(function()
   {
   var slidesContainer = jQuery(this);
   slidesContainer.find(options.slides).hide().end().find(options.slides).filter(‘:first’).css(‘display’,’block’);

   if (options.linksNav != ») {
   var linkSwitcher = jQuery(options.linksNav);

   linkSwitcher.click(function(){
   var targetElement;

   if (options.findParent) targetElement = jQuery(this).parent();
   else targetElement = jQuery(this);

   if (targetElement.hasClass(‘active’)) return false;

   targetElement.siblings().removeClass(‘active’).end().addClass(‘active’);

   var ordernum = targetElement.prevAll(options.lengthElement).length;

   slidesContainer.find(options.slides).filter(‘:visible’).hide().end().end().find(options.slides).filter(‘:eq(‘+ordernum+’)’).stop().fadeIn(700);
   return false;
   });
   };

   jQuery(‘#’+options.arrowRight+’, #’+options.arrowLeft).click(function(){

   var slideActive = slidesContainer.find(options.slides).filter(«:visible»),
   nextSlide = slideActive.next(),
   prevSlide = slideActive.prev();

   if (jQuery(this).attr(«id») == options.arrowRight) {
   if (nextSlide.length) {
   var ordernum = nextSlide.prevAll().length;
   } else { var ordernum = 0; }
   };

   if (jQuery(this).attr(«id») == options.arrowLeft) {
   if (prevSlide.length) {
   var ordernum = prevSlide.prevAll().length;
   } else { var ordernum = slidesContainer.find(options.slides).length-1; }
   };

   slidesContainer.find(options.slides).filter(‘:visible’).hide().end().end().find(options.slides).filter(‘:eq(‘+ordernum+’)’).stop().fadeIn(700);

   if (typeof interval != ‘undefined’) {
   clearInterval(interval);
   auto_rotate();
   };

   return false;
   });

   if (options.auto) {
   auto_rotate();
   };

   function auto_rotate(){
   interval = setInterval(function(){
   var slideActive = slidesContainer.find(options.slides).filter(«:visible»),
   nextSlide = slideActive.next();

   if (nextSlide.length) {
   var ordernum = nextSlide.prevAll().length;
   } else { var ordernum = 0; }

   if (options.linksNav === »)
   jQuery(‘#’+options.arrowRight).trigger(«click»);
   else
   linkSwitcher.filter(‘:eq(‘+ordernum+’)’).trigger(«click»);
   },options.autoSpeed);
   };
   });
   }
   })(jQuery);

   var $featuredArea = jQuery(‘#featured’),
   $all_tabs = jQuery(‘#all_tabs’);

   if ($featuredArea.length) {
   $featuredArea.et_switcher({
   useArrows: true ,
   auto: true,
   autoSpeed: 5000
   });
   };

   if ($all_tabs.length) {
   $all_tabs.et_switcher({
   linksNav: ‘ul#tab_controls li a’
   });
   };

   function et_footer_improvements($selector){
   var $footer_widget = jQuery($selector);

   if (!($footer_widget.length == 0)) {
   $footer_widget.each(function (index, domEle) {
   if ((index+1)%4 == 0) jQuery(domEle).addClass(«last»).after(«»);
   });
   };
   };

   function et_search_bar(){
   var $searchform = jQuery(‘#cat-nav div#search-form’),
   $searchinput = $searchform.find(«input#searchinput»),
   searchvalue = $searchinput.val();

   $searchinput.focus(function(){
   if (jQuery(this).val() === searchvalue) jQuery(this).val(«»);
   }).blur(function(){
   if (jQuery(this).val() === «») jQuery(this).val(searchvalue);
   });
   };
   $(document).ready(function(){
   $(«.close»).toggle(
   function(){
   $(this).prev().slideUp();
   $(this).html(«Открыть»);
   var class_name = $(this).prev().attr(«class»);
   $.setSubCookie(«ui_save», class_name, 0);
   },
   function(){
   $(this).prev().slideDown();
   $(this).html(«Закрыть»);
   var class_name = $(this).prev().attr(«class»);
   $.setSubCookie(«ui_save», class_name, 1);
   }
   );

   //Устанавливаем необходимую позиции интерфейса
   var ck = $.cookie(«ui_save»);
   for(key in ck){
   if(ck[key] == 0){
   $(«.» + key).next().trigger(‘click’);
   }
   }

   });

   //]]>

8. Начало, почему-то не влезло
   // li > a.sf-with-ul’).parent(‘li’).addClass(‘sf-ul’);

9. [CDATA[
   jQuery.noConflict();

   jQuery(‘ul.superfish, #page-menu ul.nav’).superfish({
   delay: 200, // one second delay on mouseout
   animation: {opacity:’show’,height:’show’}, // fade-in and slide-down animation
   speed: ‘fast’, // faster animation speed
   autoArrows: true, // disable generation of arrow mark-up
   dropShadows: false // disable drop shadows
   });

   jQuery(‘ul.nav > li > a.sf-with-ul’).parent(‘li’).addClass(‘sf-ul’);

Comments are closed.