Форум

hacker_007 · #1 (**permalink**) 03.03.2013, 13:29

Я меняю фон на страничке таким образом:

$('body').css('background-image', 'url(images/wallpapers/000.jpg)');

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

danik.js · #2 (**permalink**) 03.03.2013, 13:47

Современные куки однако)

<html style="background-image: url(http://www.kolomensky.com/uploads/posts/2009-05/thumbs/1242240573_36_glass_kolomensky.com.jpg)">
<script>
    if (localStorage.background !== undefined) {
        document.documentElement.style.backgroundImage = localStorage.background;
    }
    function changeBackground(url) {
        localStorage.background = document.documentElement.style.backgroundImage = 'url(' + url + ')';
    }
</script>
<button onclick="changeBackground('//www.fresher.ru/images6/hdr-fantasticheskie-snimki/big/8.jpg')">Сменить фон</button>
<button onclick="delete localStorage.background">Забыть фон</button>
</html>

hacker_007 · #3 (**permalink**) 03.03.2013, 14:05

Спасибо) А можете переделать так, чтобы в

onclick="changeBackground("тут можно было указать путь к фотографии")"

danik.js · #4 (**permalink**) 03.03.2013, 14:15

ну ок.

hacker_007 · #5 (**permalink**) 03.03.2013, 14:26

ааааааа....... чё у меня то так не пахало( я же так делал)

danik.js · #6 (**permalink**) 03.03.2013, 14:31

Наверное с кавычками накосячил. Или еще чего, например забыл обернуть в url()

kosty@ · #7 (**permalink**) 09.01.2014, 22:00

а можешь мне подсказать у меня меняется так:
$('.dd-nav1').css('backgroundColor', '#000000');

danik.js · #8 (**permalink**) 10.01.2014, 01:38

kosty@, все также, вместо '#000000' подставляй localStorage.background (предварительно проверив что он не undefined).

kosty@ · #9 (**permalink**) 10.01.2014, 06:21

а ничего страшного то что кнопка у меня прописана немного по другому:
<button id="black-b""></button>

$(document).ready(function(){
    $('#black-b').click(function(){
$('.dd-nav1').css('backgroundColor', '#000000');
  })

});

?

danik.js · #10 (**permalink**) 10.01.2014, 06:33

При загрузке страницы:

$('__selector__').css('backgroundColor', localstorage.background || '#fff');

По клику:

$('__selector__').css('backgroundColor', '#000000');
localStorage.background = '#000000';

Форум

Справочник

Discord чат

Курсы javascript