Разбираемся с куки - Общие вопросы веб разработки

Есть кнопка при нажатии делает некое действие. Необходимо сделать так что бы при переходах на разные страницы сохранялось то что она делает.
Для этого скачал скрипт куки, запихал на хостинг, далее в индексе подключил <script type="text/javascript" src="http://ppk54test.esy.es/templates/dd_openmint_25/js/jquery.cookie.js"></script>, прописал
$.cookie('trable', 'all', {
    expires: 5,
    path: '/',
});
далее при просмотре в Chrome в ресурсах там отображается данный куки

а дальше что? не могу вкурить.... надо где то прописать получение куки? или в скрипт кнопке записать на запись куки?
Может быть можно как то по хитрому сделать в скрипте прописать запись куки? только как сделать?

PHP вариант:

я так понял это
<?php
$value = JFactory::getApplication()->input->cookie->get('trable');
?>
надо прописать в кнопку? но увы при обновлении все скидывает(

Вы кусками не пишите, а нормально изложите, где Вы хотите получить значение куки?

значение куки хочу получить после того как нажал на кнопку фон изменился и оставался таким при переходе по страницам.
т.е. так?

Тогда там, где хотите вывести значение куки:

че то не пойму я, в чем проблема вы сохранили в куки переменную "trable" значение "all" теперь получить его можно так:
И я так понимаю нужно именно в javascript  использовать, иначе зачем подключать отдельную jquery библиотеку для  кук.

да он выдает значение "all", а как записать чтобы он значение записывал не "all" а действие измененное при нажатии на кнопку?

Я не понимаю что значит действие записать, вы в куки можете сохранять только строки . Если вам нужно значение какой то переменной в куку записать  то в вашей функции
вместо var впишите значение вашей переменной

хорошо вот сайт http://ppk54test.esy.es/index.php при нажатии на кнопку цвет фона черный а текст белый при переходе все скидываетсо по дэфолту, как сохранить черный фон и белый текст при переходе на др страницу?

Если у вас скрипт на всех страницах подключен то я бы просто сохранил в куку проверочное значение к примеру 'color_is_changed'. тоесть по вашему коду:
А затем сделал бы проверку в том же коде например
Вот такая логика

блин вообще не понимаю если просто ниже так написать кнопки не работают, если прописать сюда
$('#black-b').click(function() {
$.cookie('color', 'color_is_changed', {
   expires: 5,
   path: '/',
});
})
тож не работает ничего

Скорее всего у вас скрипт отрабатывает раньше чем dom элемент подгрузиться. Или скрипт внизу страницы разместите или оберните в функцию document.ready() :

А проверка?

А затем сделал бы проверку в том же коде например

Код: javascript

if($.cookie('color') == 'color_is_changed')
  //меняем цвет
$('.dd-nav1').css('backgroundColor', '#000000');
---------------------------------------------
$('.dd-postheader a:hovered, .dd-postheader a.hovered').css('color', '#FFFFFF');//"Название новости"
else
 //не меняем цвет

Вот такая логика

Оптимизируйте код. Что, если хранить стили во внешних файлах и динамически подключать/отключать их по мере необходимости?