• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Простейший скрипт запоминания фона страницы JS+cookie (Скрипт смены и запоминания текущего фона любого элемента)
Простейший скрипт запоминания фона страницы JS+cookie
Дата: Вторник, 30.08.2011, 02:03 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Функция:
Code
<script type="text/javascript">
function changeBg(url){
if(!arguments.length){var url=(url=document.cookie.match(/\bdmBg=([^;]*)/))&&url[1];
if(!url)return'';}
if(url!='NaN'){document.getElementById('dm1').style.backgroundImage='url(/_source/_fon/2011/01/'+url+'.jpg)';}     
var d=new Date();d.setFullYear(d.getFullYear()+1);
document.cookie=['dmBg=',url,';expires=',d.toGMTString(),';path=/;'].join('');
return url;};changeBg();
</script>

Где:
<body /> имеет ID == dm1.

Управляющие элементы:
Code
<div class="selectorfo" style="width:200px;margin:0 auto;">
<div class="sefoname">Сменить фон:</div>
<a href="javascript://" onclick="changeBg('nebo_bg');return false;">Прошлый</a><br />
<a href="javascript://" onclick="changeBg('nebo2_bg');return false;">Новый</a>
</div>


Пример (cookie_bg)
...


...

Прикрепления: cookie_bg.rar (2.5 Kb)

 
Дата: Вторник, 29.05.2012, 21:09 |
Генерал-майор
Группа: Проверенные
Сообщений: 386
Награды: 1
Репутация: 0
Статус: Offline


Quote (likbezz)
Где: <body /> имеет ID == dm1.

Я конечно извеняюсь, - но что это значит ?

Добавлено (29.05.2012, 21:07)
---------------------------------------------
и сразу такой вопросик:
1. Можно ли к данному скрипту добавить возможность смены кроме фона, скажем еще 2-х позиционированых картинок ?
2. Скрипт будет запоминать ID кажой страницы индивидуально ? Например 3-и отдельных юзера могут настроить 3 - индивидуальных фона на своих ст ?*.

Добавлено (29.05.2012, 21:09)
---------------------------------------------
3. данным скриптом, теоретически, - возможно сменить все на странице ? surprised

 
Дата: Среда, 30.05.2012, 02:13 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


igrok,
Quote (igrok)
Я конечно извеняюсь, - но что это значит ?

Это значит что элемент боди должен иметь ID равный dm1.
Или поправить скрипт под себя, за это отвечает вот это место:
Quote (Code)
if(url!='NaN'){ document.getElementById('dm1').style.backgroundImage ='url(/_source/_fon/2011/01/'+url+'.jpg)';}


Quote (igrok)
и сразу такой вопросик:
1. Можно ли к данному скрипту добавить возможность смены кроме фона, скажем еще 2-х позиционированых картинок ?

Можно, в принципе показа принцип.
Но опять же, через классы. То бишь, по клаку присваиваем боди класс, а в стилях прописываем уже и фон для этого класса, и позиционирование и прочее.

Quote (igrok)
2. Скрипт будет запоминать ID кажой страницы индивидуально

Нет, для всего домена.

Quote (igrok)
3. данным скриптом, теоретически, - возможно сменить все на странице ?

Данным - нет, он меняет только фон.
А вот этим можно - он присваивает и меняет класс.

Скрипт:
Code
<script type="text/javascript">
function changeClass(url){
if(!arguments.length){var url=(url=document.cookie.match(/\bdmBg=([^;]*)/))&&url[1];
if(!url)return'';}
if(url!='NaN'){document.getElementsByTagName('body')[0].className=url;}       
var d=new Date();d.setFullYear(d.getFullYear()+1);
document.cookie=['dmBg=',url,';expires=',d.toGMTString(),';path=/;'].join('');
return url;};changeClass();
</script>


Управляющие элементы.
Code
<div class="selectorfo" style="width:200px;">
<div class="sefoname">Сменить Class:</div>
<a href="javascript://" onclick="changeClass('class1');return false;"><b>Прошлый</b></a><br />
<a href="javascript://" onclick="changeClass('class2');return false;"><b>Новый</b></a>
</div>


Стили, для примера:
Code
<style type="text/css">
body.class1{}
body.class1 div.block_1{text-align:left;color:#666;}
body.class1 div.block_2{text-align:right;color:#00F;}

body.class2{}
body.class2 div.block_1{text-align:right;color:#00F;}
body.class2 div.block_2{text-align:left;color:#666;}
</style>


Сам пример: Простейший скрипт запоминания фона страницы JS+cookie


 
Дата: Понедельник, 09.12.2013, 20:20 |
meme22
Лейтенант
Группа: Проверенные
Сообщений: 45
Награды: 0
Репутация: 0
Статус: Offline


Добрый вечер!

Есть такой скрипт смены фона



Как сделать, чтобы пользователь мог загружать любой свой фон на сайт с запоминанием на куках? и этот фон видели другие пользователи заходящие в профиль? Оч.нужно, помогите а)))


Сообщение отредактировал meme22 - Понедельник, 09.12.2013, 20:20
 
Дата: Понедельник, 09.12.2013, 20:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


meme22,
Цитата meme22, Пн, 09.12.2013, 20:20:28
Как сделать, чтобы пользователь мог загружать вой фон на сайт с запоминанием на куках?

Сложно.
На куках - вообще нереально - ибо куки - они у всех разные, и нельзя получить чужую куку - только свою.
---

Цитата meme22, Пн, 09.12.2013, 20:20:28
чтобы пользователь мог загружать вой фон на сайт с запоминанием на куках? и этот фон видели другие пользователи

Пердставляю что будет )) если хотя бы каждый сотый решит установить свой фон )))
Прикинь, поставил фон, сидишь, любуешься.. а тут какой-нить Вася П. из Блядищево решил забить свою заставочку.. с большим и волосатым )) и забил.. И на тебе, получай .. )))
---

Сделать-то можно, но никак не на куках.
И не очень просто это..

Нужна какая-то величина, которую могут редактировать все, и доступна со всего сайта.
..чет не припомню такой.. но если очень нужно, найти выход можно..
Например загрузку фото можно организовать в фотоальбом, а галочку - поставить фоном - через доп. поле..
Проверять последнее фото и наличие галочки и писать новую куку с выбранным значением.
Непросто короче .. не столько сам скрипт, сколько продумать логику всего этого.

Прикрепления: 8966018.jpg (32.2 Kb)

 
Дата: Понедельник, 09.12.2013, 20:56 |
meme22
Лейтенант
Группа: Проверенные
Сообщений: 45
Награды: 0
Репутация: 0
Статус: Offline


Цитата likbezz, Пн, 09.12.2013, 19:28:19
Прикинь, поставил фон, сидишь, любуешься.. а тут какой-нить Вася П. из Блядищево решил забить свою заставочку.. с большим и волосатым )) и забил.. И на тебе, получай .. )))


об этом как то не подумала) а что, таких Вась хватает)

Тогда будут пользователи довольствоваться стандартными фонами, а то все таки Вы правы)


 
Дата: Понедельник, 09.12.2013, 21:09 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


meme22,
Цитата meme22, Пн, 09.12.2013, 20:56:01
а что, таких Вась хватает)

А это вопрос?)
Ну да, думаю многие кто увидит возможность воткнуть свою картинку на сайт воспользоваться этим ))

Цитата meme22, Пн, 09.12.2013, 20:56:01
Тогда будут пользователи довольствоваться стандартными фонами, а то все таки Вы правы)

Вы лучше устройте конкурс фонов, и лучшие будут добавлены в общий список - а из него уж пусть выбирают для себя лично)
..


 
Дата: Четверг, 12.12.2013, 13:50 |
Рядовой
Группа: Проверенные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


Разрешите помешать вашему разговору :)))
Можно я по теме:
Помоги прикрутить этот скрипт, чтобы он менял DIV вёрстку на Табличную.
То есть не фон, не стили, а если понятнее для укоза - то нужно менять Вид материалов каталога статей.

У меня есть код: в дивах вид материалов выводиться "аккордеоном" и есть стандартный код в таблице.
Хотелось сделать, чтобы пользователь мог выбрать стандартный или анимированный(див) вид материалов.

Я вставляю скрипт и переключатель на главной странице кат.статей перед $BODY$, вставляю два вида вёрстки в Вид материалов, но не могу сообразить какой условный оператор применить там, чтобы выводился нужный код. А не два вида одновременно :))


 
Дата: Четверг, 12.12.2013, 15:34 |
meme22
Лейтенант
Группа: Проверенные
Сообщений: 45
Награды: 0
Репутация: 0
Статус: Offline


Цитата 162nord, Чт, 12.12.2013, 12:50:21
Разрешите помешать вашему разговору :)))


нет)))

Цитата 162nord, Чт, 12.12.2013, 12:50:21
Помоги прикрутить этот скрипт, чтобы он менял DIV вёрстку на Табличную.


не знаю, насколько правильно Вас поняла...Вы хотите менять вид материалов? Может это Вам поможет

Добавлено (12.12.2013, 15:34)
---------------------------------------------

Цитата likbezz, Ср, 11.12.2013, 19:39:13
Да, она была очень умной, и почти послушной .. и такой мило-неуклюжей чуть-чуть.. я прощал ей это) любила играться, и вообще..
Прожила чуть больше двух лет.
Никогда не убегала далеко, все время терлась рядом..
После нее не было никого.


У меня тоже умный пес (весь в хозяйку)), почти послушный - почти, потому что оч.хитрый)
---
Не хочу советовать Вам что делать, Вы и сами в курсе), но может стоит взять кого то еще?) Имею в виду собаку. Я уверена что Вы ее полюбите и она Вас.
---


 
Дата: Четверг, 12.12.2013, 19:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


meme22,
Цитата meme22, Чт, 12.12.2013, 15:34:27
не знаю, насколько правильно Вас поняла...Вы хотите менять вид материалов? Может это Вам поможет

Ну да, именно.
А еще, есть такая переменная, как $SPEC_FLAG$ - но только для авторизованных.
Можно отрываться от нее.

Цитата 162nord, Чт, 12.12.2013, 13:50:21
Помоги прикрутить этот скрипт, чтобы он менял DIV вёрстку на Табличную.
То есть не фон, не стили, а если понятнее для укоза - то нужно менять Вид материалов каталога статей.

Управляющие элементы.
Код
<div class="selectorfo" style="width:200px;">
<div class="sefoname">Сменить Class:</div>
<a href="javascript://" onclick="changeClass('class1');return false;"><b>Прошлый</b></a><br />
<a href="javascript://" onclick="changeClass('class2');return false;"><b>Новый</b></a>
</div>


Стили, для примера:
Код
<style type="text/css">
body.class1 div.block_1{display:block;}
body.class1 div.block_2{display:none;}

body.class2 div.block_1{display:none;}
body.class2 div.block_2{display:block;}
</style>


Код
<div class="block_1"> Вид мат. 1 </div>
<div class="block_2"> Вид мат. 2 </div>

---

Но все таки лучше $SPEC_FLAG$ для пользователей.
---

Цитата 162nord, Чт, 12.12.2013, 13:50:21
Разрешите помешать вашему разговору :)))

Перенесено:
О братьях наших меньших ) и сетрах


 
Дата: Пятница, 13.12.2013, 11:48 |
Рядовой
Группа: Проверенные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


meme22, благодарю за ссылочку, взял на заметку.

likbezz, и тебе благодарность за скрипт.
Я правда немного по другому всё-таки сделал, убрал таблицу, оставил див вёрстку, а твоим скриптом меняю стили... закачал два файла стилей, один с аккордионом другой сделал просто с рамками див, ну и меняю только стили.
Оставил в виде материалов один и тот же код, с одним названием стилей.
Если интересно, можете посмотреть здесь.

Получилась альтернатива для всех, не только для пользователей.


 
Дата: Пятница, 13.12.2013, 20:42 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


162nord,
Цитата 162nord, Пт, 13.12.2013, 11:48:21
Я правда немного по другому всё-таки сделал, убрал таблицу, оставил див вёрстку, а твоим скриптом меняю стили... закачал два файла стилей, один с аккордионом другой сделал просто с рамками див, ну и меняю только стили.

Ну да, так конечно проще и правильнее.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Исходники, Скрипты, Коды, Шаблоны, Примеры, Прикрепления, Инструменты и тп. » Скрипты jQuery, Примеры на jQuery и подобное » Простейший скрипт запоминания фона страницы JS+cookie (Скрипт смены и запоминания текущего фона любого элемента)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия