Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/21: Рейтинг темы: голосов - 21, средняя оценка - 4.67
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94

Сохранить изменение цветов при нажатии кнопки

10.01.2014, 14:07. Показов 4319. Ответов 16
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<button id="black-b""></button>
<script type="text/javascript" src="http://ppk54test.esy.es/templates/dd_openmint_25/js/jquery.cookie.js"></script>
<script type="text/javascript">
 
    $('#black-b').click(function(){
$(document).ready(function(){
$.cookie('trable', 'Значение', {
    expires: 5,
    path: '/',
});
    $('.dd-nav1').css('backgroundColor', '#000000');
    $('.dd-nav1').css('borderColor', '#FFFFFF');
    $('.dd-postheader a:visited, .dd-postheader a.visited').css('color', '#FFFFFF');
    $('.dd-postheader a:hovered, .dd-postheader a.hovered').css('color', '#FFFFFF');
  })
});

Что надо прописать вместо 'Значения' чтобы он сохранял изменение цветов при нажатии кнопки.
Если вместо 'Значения' написать 'all' и попробовать получить данное куки то он просто в верху сайта выведет текст all
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
10.01.2014, 14:07
Ответы с готовыми решениями:

Сохранить в дивах текста при нажатии кнопки. -jquery
Всем доброго времени суток. Текста в дивах заменяет, но не сохраняет при перезагрузке страницы. $(document).ready(function(){ ...

Имитация нажатии кнопки при нажатии ENTER в инпуте
Друзья подскажите пожалуйся не могу найти информацию Есть input type=&quot;text&quot; при нажатии Enter нужно имитировать нажатии button (id=mybtn)...

При первом нажатии кнопки - выполнялся один код,при повторном другой и тд
Имеется код : document.onkeydown = function(z) { if (z.keyCode==&quot;120&quot;) { var h = document.getElementsByTagName('a'); ...

16
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.01.2014, 14:15
Подставь туда свой цвет, а впесто цвета поставь перменную.
1
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94
10.01.2014, 14:21  [ТС]
т.е. так:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<button id="black-b""></button>
<script type="text/javascript" src="http://ppk54test.esy.es/templates/dd_openmint_25/js/jquery.cookie.js"></script>
<script type="text/javascript">
 
    $('#black-b').click(function(){
$(document).ready(function(){
$.cookie('trable', '#000000', {
    expires: 5,
    path: '/',
});
    $('.dd-nav1').css('backgroundColor', 'trable');
    $('.dd-nav1').css('borderColor', '#FFFFFF');
    $('.dd-postheader a:visited, .dd-postheader a.visited').css('color', '#FFFFFF');
    $('.dd-postheader a:hovered, .dd-postheader a.hovered').css('color', '#FFFFFF');
  })
});
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.01.2014, 14:24
trable без кавычек в css

Добавлено через 1 минуту
JavaScript
1
$.cookie('trable')
точнее даже так
1
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94
10.01.2014, 16:04  [ТС]
сделал как посоветовали:
JavaScript
1
2
3
4
5
6
7
8
9
    $('#black-b').click(function(){
$(document).ready(function(){
$.cookie('trable', '#000000', {
    expires: 5,
    path: '/',
});
$('.dd-shapes').css('backgroundColor', trable);
 })
});
Цвет не меняется и верху выдает текстом 000000, а если убрать с '#000000' символы ' т.е. получается
$.cookie('trable', #000000, { то кнопка не работает

а если так
JavaScript
1
2
3
4
5
6
    $('#black-b').click(function(){
$(document).ready(function(){
$.cookie('trable');
$('.dd-shapes').css('backgroundColor', trable);
 })
});
кнопка тож не работает
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.01.2014, 16:07
JavaScript
1
2
3
4
5
6
7
8
9
10
$('#black-b').click(function(){
$(document).ready(function(){
$.cookie('trable', '#000000', {
expires: 5,
path: '/',
});
$('.dd-shapes').css('backgroundColor', $.cookie('trable')
);
})
});
1
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94
10.01.2014, 16:41  [ТС]
кнопка работает цвет меняет но при обновление страницы цвет скидывает и вверху пишет 000000, может быть я не правильно получаю куки?
я делаю это так:
<?php echo JFactory::getApplication()->input->cookie->get('trable'); ?>
если не ошибаюсь это должно стоять после скрипта изменения цвета?
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.01.2014, 16:45
PHP
1
<?php echo JFactory::getApplication()->input->cookie->get('trable'); ?>
а это зачем вообще?
ты кук забираешь $.cookie('trable')
0
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94
10.01.2014, 16:58  [ТС]
хорошо если я это убираю то просто при обновлении страницы цвет скидывается.
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.01.2014, 17:00
а напиши
JavaScript
1
alert($.cookie('trable'));
в конце скрипта гденить
0
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94
10.01.2014, 17:35  [ТС]
при заходе на сайт выскакивает окно подтвердите действие на ... #000000 и кнопка ОК
при обновлении страницы тож самое скидываетсо
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.01.2014, 17:37
Не вижу твоей картинки
0
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94
10.01.2014, 17:41  [ТС]

 Комментарий модератора 
Прикрепляйте файлы и изображения к сообщениям.
https://www.cyberforum.ru/abou... post594251
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.01.2014, 17:44
ну вот, правильно это твой цвет, все должно быть пучком.
0
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94
10.01.2014, 18:17  [ТС]
пучком та пучком только когда я тыкнул на кнопку фон стал черным все ок да спору нет. Но у меня необходимость чтобы человек переходя на другую страницу сайта или обновив эту страницу оставался все с тем же черным фоном, а не с тем что был до нажатия кнопки. Т.е. фон при обновление скидываеться по дэфолту.
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.01.2014, 19:36
JavaScript
1
2
3
$(document).ready(function(){
    $('.dd-nav1').css('backgroundColor', $.cookie('trable'));
});
Так ты вынеси вот это за пределы клика по кнопке, чтобы при загрузке страницы отрабатывало
1
10 / 10 / 0
Регистрация: 10.01.2014
Сообщений: 94
10.01.2014, 20:07  [ТС]
О спасибо великий гудвин ты спас мой мозг от долгого истязания, один ты понял мои просьбы о помощи чего я хочу=) низкий те поклон=)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
10.01.2014, 20:07
Помогаю со студенческими работами здесь

Изменить цвет кнопки при нажатии и удержании этого цвета даже при обновлениях страницы
Здравствуйте, все никак не получается сделать несколько кнопок одного цвета, допустим зеленого, а чтоб при нажатии менялось допустим на...

Изменение при нажатии
Привет. В общем суть дела такая. У меня есть кнопа Показать и при нажатии на нее должно выезжать что нужно, а она меняться на Скрыть, это...

Закрашивание кнопки при нажатии
Всем здасьте, я в js полный прафан. При нажатии на &lt;a asp-route-razdel=&quot;First&quot; asp-route-view=&quot;@ViewBag.View&quot;...

Анимация при нажатии кнопки
Ситуация вот какая: У меня при нажатии кнопки, внизу выходит определенный текст, но это происходит резко. Т.е. ...

Изменение текста при нажатии
Пускай имеем div с текстом. Как сделать так, что бы при нажатии на данный текст появлялся input text с написанным внутри текстом из div и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Новые блоги и статьи
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Рецензия / Мнение Это мой обзор планшета X220 с точки зрения школьника. Недавно я решила попытаться уменьшить свой. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru