read_mode.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. var read_mode_on = false;
  2. var scroll_auto = false;
  3. function read_mode () {
  4. read_mode_on = true;
  5. // global
  6. $('#global').css({
  7. 'background': '#ddd'
  8. });
  9. $('#main_aside').animate ({width: 0}, 500, function () {
  10. $('#main_aside').hide ();
  11. });
  12. $('#top').animate ({height: 0}, 500, function () {
  13. $('#top').hide ();
  14. });
  15. $('#main').animate({
  16. 'width': 800,
  17. 'padding-left': ($(window).width() - 800) / 2,
  18. });
  19. $('#main').css({
  20. 'background': '#ddd'
  21. });
  22. $('#stream').addClass ('read_mode');
  23. $('ul.pagination').fadeOut (500);
  24. // posts
  25. $('.post.flux .content').slideDown (500);
  26. // mode endless auto
  27. scroll_auto = true;
  28. $(window).scroll (function () {
  29. offset = $('#load_more').offset ();
  30. if (offset.top - $(window).height () <= $(window).scrollTop ()
  31. && !load
  32. && url_next_page !== undefined
  33. && scroll_auto) {
  34. load_more_posts ();
  35. }
  36. });
  37. }
  38. function un_read_mode () {
  39. read_mode_on = false;
  40. // global
  41. $('#global').css({
  42. 'background': '#fafafa'
  43. });
  44. $('#main_aside').show ();
  45. $('#main_aside').animate ({width: 250});
  46. $('#top').show ();
  47. $('#top').animate ({height: 50});
  48. $('#main').animate({
  49. 'width': '100%',
  50. 'padding-left': 250,
  51. });
  52. $('#main').css({
  53. 'background': '#fafafa'
  54. });
  55. $('#stream').removeClass ('read_mode');
  56. $('ul.pagination').fadeIn (500);
  57. // posts
  58. if (hide_posts) {
  59. $('.post.flux .content').slideUp (500);
  60. }
  61. // mode endless auto desactivé
  62. scroll_auto = false;
  63. }
  64. $(document).ready (function () {
  65. $('#global').append ('<a id="read_mode" href="#">&nbsp;</a>');
  66. $('a#read_mode').click (function () {
  67. if (read_mode_on) {
  68. un_read_mode ();
  69. } else {
  70. read_mode ();
  71. }
  72. return false;
  73. });
  74. });