Запоминание открыто или закрыто меню в куки

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • Запоминание открыто или закрыто меню в куки

      и так решил поделится запоминание меню или вкладки в куки что порой очень удобно

      скрипт библиотека jquery
      создаем файл jquery.ezCookie.js

      Source Code

      1. (function($){
      3. // Default options
      4. dOptions = {
      5. expires : 365,
      6. domain : '',
      7. secure : false,
      8. path : '/'
      9. }
      11. // Returns the cookie or null if it does not exist.
      12. $.cookie = function(cookieName) {
      13. var value = null;
      14. if(document.cookie && document.cookie != ''){
      15. var cookies = document.cookie.split(';');
      16. for (var i = 0; i < cookies.length; i++) {
      17. var cookie = jQuery.trim(cookies[i]);
      18. if (cookie.substring(0, cookieName.length + 1) == (cookieName + '=')) {
      19. value = decodeURIComponent(cookie.substring(cookieName.length + 1));
      20. break;
      21. }
      22. }
      23. }
      24. try {
      25. // Test for a JSON string and return the object
      26. return JSON.parse(value);
      27. } catch(e){
      28. // or return the string
      29. return value;
      30. }
      31. }
      33. $.subCookie = function(cookie,key){
      34. var cookie = $.cookie(cookie);
      35. if(!cookie || typeof cookie != 'object'){return null;}
      36. return cookie[key];
      37. }
      39. // Write the defined value to the given cookie
      40. $.setCookie = function(cookieName,cookieValue,options){
      41. // Combine defaults and passed options, if any
      42. var options = typeof options != 'undefined' ? $.extend(dOptions, options) : dOptions;
      43. // Set cookie attributes based on options
      44. var path = '; path=' + (options.path);
      45. var domain = '; domain=' + (options.domain);
      46. var secure = options.secure ? '; secure' : '';
      47. if (cookieValue && (typeof cookieValue == 'function' || typeof cookieValue == 'object')) {
      48. cookieValue = JSON.stringify(cookieValue);
      49. }
      50. cookieValue = encodeURIComponent(cookieValue);
      51. var date;
      52. // Set expiration
      53. if (typeof options.expires == 'number') {
      54. date = new Date();
      55. date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
      56. } else {
      57. date = options.expires;
      58. }
      59. var expires = '; expires=' + date.toUTCString();
      60. // Write the cookie
      61. document.cookie = [cookieName, '=', cookieValue, expires, path, domain, secure].join('');
      62. }
      64. $.setSubCookie = function(cookie,key,value,options){
      65. var options = typeof options != 'undefined' ? $.extend(dOptions, options) : dOptions;
      66. var existingCookie = $.cookie(cookie);
      67. var cookieObject = existingCookie && typeof existingCookie == 'object' ? existingCookie : {};
      68. cookieObject[key] = value;
      69. $.setCookie(cookie,cookieObject,options);
      70. }
      72. $.removeSubCookie = function(cookie,key){
      73. var cookieObject = $.cookie(cookie);
      74. if(cookieObject && typeof cookieObject == 'object' && typeof cookieObject[key] != 'undefined'){
      75. delete cookieObject[key];
      76. $.setCookie(cookie,cookieObject);
      77. }
      78. }
      80. $.removeCookie = function(cookie){
      81. $.setCookie(cookie,'',{expires:-1});
      82. }
      84. $.clearCookie = function(cookie){
      85. $.setCookie(cookie,'');
      86. }
      88. })(jQuery);
      90. // Begin minified json2.js library from json.org
      91. // http://www.json.org/js.html
      92. if(!this.JSON){this.JSON={};}
      93. (function(){function f(n){return n<10?'0'+n:n;}
      94. if(typeof Date.prototype.toJSON!=='function'){Date.prototype.toJSON=function(key){return isFinite(this.valueOf())?this.getUTCFullYear()+'-'+
      95. f(this.getUTCMonth()+1)+'-'+
      96. f(this.getUTCDate())+'T'+
      97. f(this.getUTCHours())+':'+
      98. f(this.getUTCMinutes())+':'+
      99. f(this.getUTCSeconds())+'Z':null;};String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(key){return this.valueOf();};}
      100. var cx=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,escapable=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,gap,indent,meta={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'},rep;function quote(string){escapable.lastIndex=0;return escapable.test(string)?'"'+string.replace(escapable,function(a){var c=meta[a];return typeof c==='string'?c:'\\u'+('0000'+a.charCodeAt(0).toString(16)).slice(-4);})+'"':'"'+string+'"';}
      101. function str(key,holder){var i,k,v,length,mind=gap,partial,value=holder[key];if(value&&typeof value==='object'&&typeof value.toJSON==='function'){value=value.toJSON(key);}
      102. if(typeof rep==='function'){value=rep.call(holder,key,value);}
      103. switch(typeof value){case'string':return quote(value);case'number':return isFinite(value)?String(value):'null';case'boolean':case'null':return String(value);case'object':if(!value){return'null';}
      104. gap+=indent;partial=[];if(Object.prototype.toString.apply(value)==='[object Array]'){length=value.length;for(i=0;i<length;i+=1){partial[i]=str(i,value)||'null';}
      105. v=partial.length===0?'[]':gap?'[\n'+gap+
      106. partial.join(',\n'+gap)+'\n'+
      107. mind+']':'['+partial.join(',')+']';gap=mind;return v;}
      108. if(rep&&typeof rep==='object'){length=rep.length;for(i=0;i<length;i+=1){k=rep[i];if(typeof k==='string'){v=str(k,value);if(v){partial.push(quote(k)+(gap?': ':':')+v);}}}}else{for(k in value){if(Object.hasOwnProperty.call(value,k)){v=str(k,value);if(v){partial.push(quote(k)+(gap?': ':':')+v);}}}}
      109. v=partial.length===0?'{}':gap?'{\n'+gap+partial.join(',\n'+gap)+'\n'+
      110. mind+'}':'{'+partial.join(',')+'}';gap=mind;return v;}}
      111. if(typeof JSON.stringify!=='function'){JSON.stringify=function(value,replacer,space){var i;gap='';indent='';if(typeof space==='number'){for(i=0;i<space;i+=1){indent+=' ';}}else if(typeof space==='string'){indent=space;}
      112. rep=replacer;if(replacer&&typeof replacer!=='function'&&(typeof replacer!=='object'||typeof replacer.length!=='number')){throw new Error('JSON.stringify');}
      113. return str('',{'':value});};}
      114. if(typeof JSON.parse!=='function'){JSON.parse=function(text,reviver){var j;function walk(holder,key){var k,v,value=holder[key];if(value&&typeof value==='object'){for(k in value){if(Object.hasOwnProperty.call(value,k)){v=walk(value,k);if(v!==undefined){value[k]=v;}else{delete value[k];}}}}
      115. return reviver.call(holder,key,value);}
      116. text=String(text);cx.lastIndex=0;if(cx.test(text)){text=text.replace(cx,function(a){return'\\u'+
      117. ('0000'+a.charCodeAt(0).toString(16)).slice(-4);});}
      118. if(/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,''))){j=eval('('+text+')');return typeof reviver==='function'?walk({'':j},''):j;}
      119. throw new SyntaxError('JSON.parse');};}}());
      Display All
      css



      Source Code

      1. .one {width:25vw;height: 25vw;}
      2. img.two { width:150px;}
      3. img.three { width:150px;}
      4. img.four{ width:150px;}
      5. img.five{ width:150px;}
      7. .toogle {
      8. float: left;
      9. background: #eeeeee;
      10. background: #191e24c7;
      11. position: fixed;
      12. margin: .5vw;
      13. width: 20.6vw;
      14. color: #666;
      15. font-family: Tahoma;
      16. font-size: 1vw;
      17. text-shadow: #fff 0px 1px 0px;
      18. box-shadow: 0px 2px 7px 1px rgba( 0, 0, 0, 0.7);
      19. }
      21. .close {
      22. text-align:center;
      23. cursor:pointer;
      25. margin-top: 4px;
      26. }
      Display All
      Делаю качественно в сроки! на любой версии moons, встрою, или напишу любой мод , но дорого! afire-space.com

    • сама инициализация библиотеки

      Source Code

      1. <script type="text/javascript">
      2. $(document).ready(function(){
      3. $(".close").toggle(
      4. function(){
      5. $(this).prev().slideUp();
      6. $(this).html("Открыть");
      7. var class_name = $(this).prev().attr("class");
      8. $.setSubCookie("ui_save", class_name, 0);
      9. },
      10. function(){
      11. $(this).prev().slideDown();
      12. $(this).html("Закрыть");
      13. var class_name = $(this).prev().attr("class");
      14. $.setSubCookie("ui_save", class_name, 1);
      15. }
      16. );
      17. //Устанавливаем необходимую позиции интерфейса
      18. var ck = $.cookie("ui_save");
      19. for(key in ck){
      20. if(ck[key] == 0){
      21. $("." + key).next().trigger('click');
      22. }
      23. }
      24. });
      25. </script>
      Display All
      или делаем кнопки тут сами

      и сам код

      <div class="toogle">

      <div class="one"></div>
      <div class="close">Закрыть</div>
      </div>
      Делаю качественно в сроки! на любой версии moons, встрою, или напишу любой мод , но дорого! afire-space.com