Enregistrer la hauteur div dans un cookie de jQuery redimensionnable

Question

J'utilise jQuery redimensionnable depuis interface.eyecon.ro/docs/resizable pour un menu sur une page sur laquelle je travaille. J'ai besoin de configurer un cookie (plugins.jquery.com/project/Cookie) pour stocker la hauteur du menu div afin que le div ne soit pas redimensionné à sa hauteur d'origine css à chaque rechargement de page.

J'ai essayé d'adapter le code de http://www.shopdev.co.uk/blog/text-resizing-with-jquery/#comment-1044 (je sais qu'il y a quelques erreurs dans ce code mais j'ai cet exemple pour fonctionner) pendant un moment maintenant mais je n'arrive pas à le faire fonctionner.

Mon code ressemble à ceci sans la chose cookie:

$(document).ready(function() { 
    $('#resizeMe').Resizable({ 
     maxHeight: 600, 
     minHeight: 24, 
     handlers: { 
      s: '#resizeS' 
     }, 
     onResize: function(size) { 
      $('#content_two', this).css('height', size.height - 6 + 'px'); 
      $('#content').css('padding-top', size.height + 44 + 'px'); 
     } 
    }); 
}); 

Ceci est ma première fois sur stackoverflow et j'espère que toutes les bonnes réponses que j'ai vu ici vient aussi à cette question :)

Merci

Answer 1

Vous pouvez probablement essayer quelque chose comme ceci:

$(document).ready(function() { 

    var cookieName = 'divHeight'; 

    //On document ready, if we find height from our cookie, 
    //we set the div to this height. 
    var height = $.cookie(cookieName); 
    if(height != null) 
     $('#resizeMe').css('height', height + 'px'); 


    $('#resizeMe').Resizable({ 
     maxHeight: 600, 
     minHeight: 24, 
     handlers: { 
       s: '#resizeS' 
     }, 
     onResize: function(size) { 
       $('#content_two', this).css('height', size.height - 6 + 'px'); 
       $('#content').css('padding-top', size.height + 44 + 'px'); 
       //I am assuming that onResize is triggered when user has finished resizing the DIV. If yes, you can store this div height in the cookie. 
       $.cookie(cookieName, size.height); 
     } 
    }); 
});