Сворачивающиеся блоки на Cookies в стиле Prosilver

Описание: Всё что относится к phpBB и его модификациям
Модератор: Aleksandr

Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#1 Дим » 7 июля 2014, 14:49

Решил совместить две модификации - и , в итоге должен получится закрывающийся/раскрывающийся по клику на заголовок блок с неким содержанием.

Сворачивающиеся блоки на Cookies в стиле Prosilver.png


Сворачивающиеся блоки на Cookies в стиле Prosilver 1.png


Скрипт останется таким же как и в "Сворачивающиеся блоки на Cookies", а применение маленько изменено.

Если нужно, то подключаем jquery:

Код: Выделить всё

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script


Сам скрипт:

Код: Выделить всё

<script type="text/javascript">

function setCookie(name, value, expiredays, path, domain, secure) {
 if (expiredays) {
  var exdate=new Date();
  exdate.setDate(exdate.getDate()+expiredays);
  var expires = exdate.toGMTString();
 }
 document.cookie = name + "=" + escape(value) +
 ((expiredays) ? "; expires=" + expires : "") +
 ((path) ? "; path=" + path : "") +
 ((domain) ? "; domain=" + domain : "") +
 ((secure) ? "; secure" : "");
}
function getCookie(name) {
 var cookie = " " + document.cookie;
 var search = " " + name + "=";
 var setStr = null;
 var offset = 0;
 var end = 0;
 if (cookie.length > 0) {
  offset = cookie.indexOf(search);
  if (offset != -1) {
   offset += search.length;
   end = cookie.indexOf(";", offset)
   if (end == -1) {
    end = cookie.length;
   }
   setStr = unescape(cookie.substring(offset, end));
  }
 }
 return setStr;
}
function block_now(id) {
 if(getCookie(id) == 1) {
  $('#' + id).stop().slideUp();
  setCookie(id, 0, 90, "/");
 } else {
  $('#' + id).stop().slideDown();
  setCookie(id, 1, 90, "/");
 }
}
function block_start(id) {
 var cookie_stat = getCookie(id);
 if((cookie_stat == 1) || (!cookie_stat)){
  display = '';
 } else {
  display = 'none';
 }
 document.getElementById(id).style.display = display;
}
</
script


Использование:

Код: Выделить всё

<div class="forumbg">
    <div class="inner"><span class="corners-top"><span></span></span>
        <table class="table1" cellspacing="1">
            <thead>
                <tr onClick="block_now('blok_1')" style="cursor:pointer;">
                    <th align="left">&nbsp;Реклама скрыть/показать</th>
                </tr>
            </thead>
            
            
<tbody>
                <tr class="bg1">
                    <td>
                        <div id="blok_1">
                             Содержимое блока 
                        
</div>
                    </td>
                </tr>
            </tbody>
        </table>
        <span class="corners-bottom"><span></span></span>
    </div>
</
div>

<
script>
 block_start("blok_1");
// block_start("blok_2");
// block_start("blok_3");добавляет столько вызовов функций, сколько у вас будет блоков
</script
[center]i love you [s]mxIni[/s] Mysql[/center]


Вернуться в «phpBB»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 3 гостя