За последние 24 часа нас посетили 18724 программиста и 1656 роботов. Сейчас ищут 1575 программистов ...

Запомнить открытый блок

Тема в разделе "JavaScript и AJAX", создана пользователем hust0, 4 фев 2017.

  1. hust0

    hust0 Активный пользователь

    С нами с:
    6 июл 2013
    Сообщения:
    321
    Симпатии:
    8
    Здравствуйте, есть код который открывает и скрывает div блок.
    Когда открыл блок (остался открытым), обновляю страницу он уже закрытый. Как сделать так, чтобы после обновление страницы он был открытый т.к. кликнул по нему...

    Код (Javascript):
    1. $(document).ready(function(){
    2. $(".Цвет").click(function(){
    3.      $('#rotating-Цвет').toggleClass('rotated');
    4.      $(this).parent().children('#Цвет').toggle('normal');
    5.  
    6.   return false;
    7. });
     
  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.799
    Симпатии:
    1.331
    Адрес:
    Лень
    через куки обычно записывал флаг, если куки "color" допустим есть, то ставим блоку стиль
    PHP:
    1. echo '<div' . ( isset ( $_COOKIE['color'] ) ? ' style = "display:block;"' : '' ) . '></div>';
    --- Добавлено ---
    а тут достал что выполняло в ajax бред мой
    Код (Javascript):
    1. $(function()
    2. {
    3.     $( 'body' ).on('click', 'a#WRAPPER_LIST', function(e)
    4.     {
    5.         function setCookie( DATA )
    6.         {
    7.             $.ajax(
    8.             {
    9.                 type: 'POST',
    10.                 url: "/includes/ray-cookiejquery.php",
    11.                 data: DATA
    12.             } );
    13.         }
    14.         if ( $( '#LEFT_WRAPPER' ).hasClass( 'LEFT_WRAPPER_626' ) )
    15.         {
    16.             var size = "626";
    17.         } else {
    18.             var size = "960";
    19.         }
    20.         if ( $( '.BUTTON_BODY_EDITOR_CLOSE' ).css( 'display' ) !== "none" )
    21.         {
    22.             setCookie( "set=TRUE&name=RIGHT_WRAPPER&val=BUTTON_BODY_EDITOR_CLOSE" );
    23.            
    24.             $( '.BUTTON_BODY_EDITOR_CLOSE' ).animate( {opacity: '0'}, 500 );
    25.             $( '.BUTTON_BODY_EDITOR_CLOSE' ).toggle( 1 );
    26.             $( '#RIGHT_WRAPPER' ).toggle( 500 );
    27.            
    28.             setTimeout( function()
    29.             {
    30.                 $( '.LEFT_WRAPPER_' + size ).animate(
    31.                 {
    32.                     width: "960"
    33.                 }, 900, function()
    34.                 {
    35.                     $( '.LEFT_WRAPPER_' + size ).css(
    36.                     {
    37.                         'border':'1px solid #496479',
    38.                         'border-radius':'10px',
    39.                         'box-shadow':'inset 5px 0px 5px 0px #2E68A1'
    40.                     } );
    41.                 } );
    42.             }, 900 );
    43.             setTimeout( function()
    44.             {
    45.                 $( '.BUTTON_BODY_EDITOR_OPEN' ).slideToggle( 500 );//toggle( 'normal' );
    46.             }, 1700 );
    47.         } else {
    48.             setCookie( "set=FALSE&name=RIGHT_WRAPPER&val=BUTTON_BODY_EDITOR_CLOSE" );
    49.            
    50.             $( '.BUTTON_BODY_EDITOR_OPEN' ).slideToggle( 500 );//toggle( 500 );
    51.             setTimeout( function()
    52.             {
    53.                 $( '.LEFT_WRAPPER_' + size ).animate(
    54.                 {
    55.                     width: "626"
    56.                 }, 700, function()
    57.                 {
    58.                     $( '.LEFT_WRAPPER_' + size ).css(
    59.                     {
    60.                         'box-shadow':'5px 0px 5px 0px rgba(0, 0, 0, 0.75), inset 5px 0px 5px 0px #2E68A1',
    61.                         'border-radius':'10px 0px 0px 10px',
    62.                         'border-top':'1px solid #496479',
    63.                         'border-bottom':'1px solid #496479',
    64.                         'border-left':'1px solid #496479',
    65.                         'border-right':'none'
    66.                     } );
    67.                 });
    68.                 setTimeout( function()
    69.                 {
    70.                     $( '#RIGHT_WRAPPER' ).toggle( 500 );
    71.                     $( '#RIGHT_WRAPPER' ).css( 'display','table-cell' );
    72.                 }, 900 );
    73.                 setTimeout( function()
    74.                 {
    75.                     $( '.BUTTON_BODY_EDITOR_CLOSE' ).toggle( 1 );
    76.                     $( '.BUTTON_BODY_EDITOR_CLOSE' ).animate({opacity: '1'}, 500);
    77.                 }, 1700 );
    78.             }, 900 );
    79.         }
    80.         e.preventDefault();
    81.     });
    82. });
    --- Добавлено ---
    мб какая нибудь функция окажется полезной
     
  3. hust0

    hust0 Активный пользователь

    С нами с:
    6 июл 2013
    Сообщения:
    321
    Симпатии:
    8
    Спасибо, решил вопрос куками)
    --- Добавлено ---
    куки ставил через js, т.к. php нельзя использовать в самом .tpl ;)