| |
|
|
| | Добрый день!!
Помогите пожалуйста решить дилему...:
Суть проблемы описана здесь
У меня на форуме стоит сворачивающийся блок: Как мне сделать при помощи cookie что пользователь свернув блок при обновлении страницы блок видел свёрнутым??
Это кнопки сворачивания блока
<a id="hide-but" style="position:absolute;" class="hide-block" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeOut('slow'); $('#show-but').fadeIn('slow');"></a>
<a id="show-but" class="show-block" style="display:block; position:absolute;" href="javascript://" onclick="$('#r-colonka, #hide-but').fadeIn('slow'); $('#show-but').fadeOut('slow');"></a></div>
|
Это сам блок
<td id="r-colonka" class="right-conolka" style="display:none;" valign="top">содержимое</td>
|
Мне дали ссылку,на статью,которая поможет мне решить мою проблему...но я если честно там ничего не понял((
Вот собственно говоря эта самая статья | |
| |
|
|
| |
|
|
| |
для: DELUX
(14.02.2011 в 10:37)
| | | Вам дали ссылку на статью, где с помощью JavaScript ее библиотеки jQuery работать c cookie. Что именно вам не понятно? | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 11:05)
| | | Я вас очень прошу,соберите пожалуйста cookie код,чтоб сохранялись изменения...очень прошу.. | |
| |
|
|
| |
|
|
| |
для: DELUX
(14.02.2011 в 11:07)
| | | Подождите немного... | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 11:14)
| | | Подожду сколько надо,я очень надеюсь на вас..!!! | |
| |
|
|
| |
|
|
| |
для: DELUX
(14.02.2011 в 11:17)
| | | Все готово, у меня все работает!
Давайте по порядку:
- я взял свой пример HTML, PHP, JavaScript c jQuery
- создайте проект
- в нем файл index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Сворачивающийся блок</title>
<link href="css/mystyle.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery-ui-1.8.9.custom.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/myscripts.js"></script>
</head>
<body>
<!-- Общий div для всей в -->
<div class="maindiv" id="main_div">
<?php
echo "Что в cookie:";
echo "<pre>";
print_r($_COOKIE);
echo "</pre>";
?>
<!-- Блок хедера (шапка сайта) -->
<!-- Конец блока хедера -->
<?
if ($_COOKIE['condition'] == "hide")
echo "<div id=\"tabsHide\">Развернуть табс и запомнить положение в cookie</div>";
else
echo "<div id=\"tabsHide\">Свернуть табс и запомнить положение cookie</div>";
?>
<div id="forbody">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>
</div>
<!-- Блок футера -->
<!-- Конец футера -->
</div>
</body>
</html>
Сделали? | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 12:30)
| | | Я создал файл index.php и вставил в него вами указанный код.. | |
| |
|
|
| |
 74.3 Кб |
|
| |
для: DELUX
(14.02.2011 в 12:34)
| | | - подключаем библиотеки, распакуйте их в папку js вашего проекта
Сделали? | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 12:38)
| | | сделал | |
| |
|
|
| |
|
|
| |
для: DELUX
(14.02.2011 в 12:41)
| | | - придадим немного стиля, создайте файл mystyle.css и поместите в папку CSS вашего проекта
body
{
font-family: Tahoma;
font-size: 12px;
margin: 0;
padding-bottom: 15px;
padding-top: 15px;
}
.maindiv
{
background-color: #ffffff;
margin: 0 auto;
padding: 0;
width: 900px;
}
#tabsHide {
text-decoration: underline;
margin-bottom: 10px;
cursor: pointer;
}
|
Сделали? | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 12:44)
| | | Сделал | |
| |
|
|
| |
33.3 Кб |
|
| |
для: DELUX
(14.02.2011 в 12:47)
| | | - выложите в папку CSS вот этот файл со стилями библиотеки jQueryUI | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 12:49)
| | | Сделал | |
| |
|
|
| |
24.4 Кб |
|
| |
для: DELUX
(14.02.2011 в 12:51)
| | | У вас должна быть такая структура проекта.
Есть? | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 12:52)
| | | так и есть | |
| |
|
|
| |
64.7 Кб |
|
| |
для: DELUX
(14.02.2011 в 12:59)
| | | - все можно запускать проект в браузер.
Там вы увидите следующее ...
Скройте табс и перезагрузите он будет скрыт, окройте табс и перезагрузите он будет открыт. Также вы увидите значение cookie после перезагрузки.
Жду вопросов! | |
| |
|
|
| |
16.2 Кб |
|
| |
для: muravey
(14.02.2011 в 13:04)
| | | У меня же иная ситуация - изменения не сохраняются, | |
| |
|
|
| |
|
|
| |
для: DELUX
(14.02.2011 в 13:06)
| | | Давайте разбираться, что там у вас.
Для начала рекомендую установить браузер Firefox c Firebug.
Если вы хотите реализовывать такие вещи в своих проектах, то это очень нужные инструменты для отладки и поиска ошибок.
Установили? | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 13:13)
| | | И еще раз сверьте размещения файлов в папках и пути к скриптам! | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 13:13)
| | | Изначально firefox,я ним всегда пользовался..
Проверил через Оперу,информация также не сохранятеся(( | |
| |
|
|
| |
|
|
| |
для: DELUX
(14.02.2011 в 13:16)
| | | Firebug выдает что нибудь? | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 13:20)
| | | Я не знаю что он должен выдавать,но вроде бы молчит.. | |
| |
|
|
| |
|
|
| |
для: DELUX
(14.02.2011 в 13:25)
| | | Покажите исходный код из браузера место, где print_r($_COOKIE). | |
| |
|
|
| |
|
|
| |
для: muravey
(14.02.2011 в 13:28)
| | | Прошу прощения,я нашел аналогичный скрипт что мне нужен,и он нормально работает,буду его эксплуатировать,а вам большое спасибо! | |
| |
|
|
| |
|
|
| |
для: DELUX
(14.02.2011 в 13:32)
| | | Самое главное уловите мысль решения вашей задачи.
Удачи! | |
| |
|
|
