Javascript.RU

Смена фонового изображения и цвета на javascript с помощью cookie по клику

Написал небольшой код, думаю должен кому то пригодиться
Скрипт меняет фон сайта
Например можно сделать при нажатии на кнопки смену фона
Либо можно вызывать напрямую

______________________________________________________________

После перезагрузки страницы сайта, выбранный фон останется

______________________________________________________________

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>
<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
    
    <div style="cursor:pointer;" onclick="bg_set('#ffffff');">белый фон</div>
    <div style="cursor:pointer;" onclick="bg_set('#ff0000');">красный фон</div>
    <div style="cursor:pointer;" onclick="bg_set('http://bablogon.net/img/0081z.png');">картинка на фоне</div>
    <div style="cursor:pointer;" onclick="bg_rem();">Вернуть по умолчанию</div>
    
    <script type="text/javascript">
      var bg_ini = function () {
        if($$c.get('bg_style')!=undefined) {
          if($$c.get('bg_style').indexOf('#')===0) {
            $$($$().body,'background',$$c.get('bg_style'));
          }
          else {
          	$$($$().body,'backgroundImage','url('+$$c.get('bg_style')+')');
          }
        }
        else {
          //фон по умолчанию
          $$($$().body,'background','#555555');
        }
      }
      
      var bg_set = function (value) {
        $$c.set('bg_style', value, 60*60*24*30);
        bg_ini();
      }
      
      var bg_rem = function () {
        $$c.erase('bg_style');
        bg_ini();
      }
      
      $$r(function () {
        bg_ini();
      });
    </script>

  </body>
</html>

Рабочий пример в песочнице

+1

Автор: Гость (не зарегистрирован), дата: 4 мая, 2015 - 20:53
#permalink

Добрый вечер, ночь, или.. ну не важно. Всё классно. Всё работает . Один косяк - в хроме загрузка нового фона происходит с задержкой. Сначала мигает старый background, а потом появляется новый. В мазиле всё ОК. Как избавиться от этой задержки?


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
6 + 14 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Другие записи этого автора
Больше записей нет. Прокомментируйте эту запись - может быть, тогда он что-нибудь еще хорошее напишет ;)
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Популярные таги
Последние комментарии
Последние темы на форуме
Forum