Смена ширины на Cookies

1124
8 из 10
Проголосовало: 2






Данный скрипт позволит пользователям вашего сайта самостоятельно изменять ширину блоков сайта или же всего сайта (смотря, что вы выберете).
Особенности:
На текстовое поле установлен запрет на ввод букв и символов.
К скрипту прикручены ограничения на изменение ширины на случай, если пользователь захочет установить слишком маленькую, или слишком большую ширину. Ограничения легко редактируются в файле скрипта.
Ширина сохраняется в Cookies браузера, чтобы при обновлении страницы ширина сохранялась.
При клике на кнопку "Сбросить" будет установлена стандартная ширина блока.

Установка:

1) Данный шаг выполнять только, если на сайте не установлены Cookie!
Скачиваем скрипт Cookies и загружаем в папку "JS".
Далее: ПУ -> Управление дизайном -> На всех страницах -> Перед </head> вставляем:

Code
<script type="text/javascript" src="/JS/q_cookies.js"></script>


2) Скачиваем скрипт и загружаем в папку "JS".
Далее: ПУ -> Управление дизайном -> На всех страницах -> Перед </body> вставляем:

Code
<script type="text/javascript" src="/JS/cookie_width.js">


3) Теперь к нужному содержимому присваиваем id="web41k_body". Пример:

Quote
<div id="web41k_body">Содержимое</div>


4) И в нужное место вставляем форму для редактирования ширины:

Code
<input id="web41k_4islo" type="text" onkeyup="proverka(this);" placeholder="Ширина сайта" style="width:100px;"><select id="web41k_pxpc"><option value="px">px</option><option value="%">%</option></select><input type="button" id="web41k_sw" value="Сохранить" onclick="save_width();"><input type="button" id="web41k_sw" value="Сбросить" onclick="reset_width();">


Установка завершена!

Настройка

1) В этом скрипте (2 пункт) корректируем числа:

Code
var px_min = 500; // Минимальная длина в px  
  var px_max = 1000; // Максимальная длина в px  
  var pc_min = 50; // Минимальная длина в %  
  var pc_max = 75; // Максимальная длина в %


На более подходящие
2) В этом же скрипте, в этом участке:

Quote
if (width == '') {alert('Error #1\nШирина не установлена');}
else {
if (izmer == 'px' && width < px_min) {alert('Error #2\nШирина не может быть меньше '+px_min+'px');}
else {
if (izmer == 'px' && width > px_max) {alert('Error #3\nШирина не может быть больше '+px_max+'px');}
else {
if (izmer == '%' && width < pc_min) {alert('Error #4\nШирина не может быть меньше '+pc_min+'%');}
else {
if (izmer == '%' && width > pc_max) {alert('Error #5\nШирина не может быть больше '+pc_max+'%');}
else {
if(total_width == getCookie('cookie_width')) {alert('Error #6\nДанная ширина уже установлена!');}
else {
alert('Ширина '+width+''+izmer+' успешно установлена!'); setCookie('cookie_width', width + izmer, 365); $('#web41k_body').css('width', getCookie('cookie_width'));}}}}}}};
$(document).ready(function(){if(getCookie('cookie_width')){$('#web41k_body').css('width', getCookie('cookie_width'));}});
function reset_width() {
if (getCookie('cookie_width')) {alert('Успешно!'); eraseCookie('cookie_width');}
else {alert('Ширина не установлена!')}
};


Вы можете заменить текст ошибок на нужный вам
Автор публикации: Загрузка
Загрузка
Volt, это его n материал
Источник: http://web41k.ru
  • Всего комментариев: 1

Kelin
-4
Kelin написал: Написано 03 Июня 2012 в 08:17
Комментарий №1
О, мой скрипт выложили, наконец biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    469
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: