Смена ширины ajax окна на CookiesДанный скрипт позволит пользователям вашего сайта самостоятельно изменять ширину блоков сайта или же всего сайта (смотря, что вы выберете).
Особенности:
На текстовое поле установлен запрет на ввод букв и символов.
К скрипту прикручены ограничения на изменение ширины на случай, если пользователь захочет установить слишком маленькую, или слишком большую ширину. Ограничения легко редактируются в файле скрипта.
Ширина сохраняется в Cookies браузера, чтобы при обновлении страницы ширина сохранялась.
При клике на кнопку "Сбросить" будет установлена стандартная ширина блока.
Данный шаг выполнять только, если на сайте не установлены Cookie!
Скачиваем скрипт Cookies и загружаем в папку "JS".
Далее: ПУ -> Управление дизайном -> На всех страницах -> Перед /head вставляем:
Code
<script type="text/javascript" src="/JS/q_cookies.js"></script>
Скачиваем скрипт и загружаем в папку "JS".
Далее: ПУ -> Управление дизайном -> На всех страницах -> Перед /body вставляем:
Code
<script type="text/javascript" src="/JS/cookie_width.js">
Теперь к нужному содержимому присваиваем id="web41k_body". Пример:
Code
div id="web41k_body"Содержимое/div
И в нужное место вставляем форму для редактирования ширины:
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();">
Установка завершена!
Настройка
В этом скрипте (2 пункт) корректируем числа:
Code
var px_min = 500; // Минимальная длина в px
var px_max = 1000; // Максимальная длина в px
var pc_min = 50; // Минимальная длина в %
var pc_max = 75; // Максимальная длина в %
На более подходящие В этом же скрипте, в этом участке:
Code
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('Ширина не установлена!')}
};
Меню сайта
Меню сайта
