Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.05.2009, 02:04
Новичок на форуме
Отправить личное сообщение для johnpro Посмотреть профиль Найти все сообщения от johnpro
 
Регистрация: 12.05.2009
Сообщений: 7

Функция изменения ширины страницы
Здравствуйте!
Хочется создать удобную настройку сайта для пользователей. Кнопка изменения ширины.
Есть div с id="test". Ширина div-а (width) = 780px. Необходимо создать кнопку, при нажатии которой ширина бы изменялась без перезагрузки страницы. Функцию создал:
function changeWidth(){
      currentWidth = parseInt(document.getElementById('test').style.width);
      
      if(currentWidth < 1080){
         currentWidth += 40;
      } else {
         currentWidth = 780;
      }
      document.getElementById('test').style.width = currentWidth + 'px';
   };

   window.onload = function(){
      document.getElementById('test').style.width = '780px';
   }


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

Последний раз редактировалось johnpro, 12.05.2009 в 02:10.
Ответить с цитированием
  #2 (permalink)  
Старый 12.05.2009, 12:50
qwe
 
Сообщений: n/a

http://www.quirksmode.org/js/cookies.html#script
Ответить с цитированием
  #3 (permalink)  
Старый 12.05.2009, 16:10
Новичок на форуме
Отправить личное сообщение для johnpro Посмотреть профиль Найти все сообщения от johnpro
 
Регистрация: 12.05.2009
Сообщений: 7

Спасибо за ссылку. Только не могу разобраться как этим пользоваться.
У меня есть скрипт который изменяет размер шрифта (он с куками работает), но даже на его примере у меня ничего не вышло. Вот и решил попросить помощи...
Ответить с цитированием
  #4 (permalink)  
Старый 12.05.2009, 16:46
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,234

в changeWidth добавляете сохранение в куки нового значения
в window.onload добавляете получение из кук значения текущих размеров элементов(если есть), и подстравиваете.
попробуйте написать код.
если не будут получатся выкладывайте код с попыткой это сделать сюда
Ответить с цитированием
  #5 (permalink)  
Старый 12.05.2009, 19:47
Новичок на форуме
Отправить личное сообщение для johnpro Посмотреть профиль Найти все сообщения от johnpro
 
Регистрация: 12.05.2009
Сообщений: 7

Просмотрел похожий скрипт, добавил из него кусок кода. А как дописать changeWidth и window.onload не знаю.
function changeWidth(){
      currentWidth = parseInt(document.getElementById('test').style.width);
 
      if(currentWidth < 1080){
         currentWidth += 40;
      } else {
         currentWidth = 780;
      }
      document.getElementById('test').style.width = currentWidth + 'px';
   };
     
   function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
};

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
};
 
   window.onload = function(){      
     document.getElementById('test').style.width = '780px';
       }
Ответить с цитированием
  #6 (permalink)  
Старый 12.05.2009, 20:12
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,234

что по вашему делают функции createCookie и readCookie ?
как это можно использовать с учетом, что я уже расписал словами алгоритм поведения?
Ответить с цитированием
  #7 (permalink)  
Старый 12.05.2009, 20:48
Новичок на форуме
Отправить личное сообщение для johnpro Посмотреть профиль Найти все сообщения от johnpro
 
Регистрация: 12.05.2009
Сообщений: 7

функции: createCookie и readCookie - создают и читают куки.
Я не знаю как написать в changeWidth запись в куки, и чтение куки в window.onload
Ответить с цитированием
  #8 (permalink)  
Старый 12.05.2009, 20:53
Новичок на форуме
Отправить личное сообщение для johnpro Посмотреть профиль Найти все сообщения от johnpro
 
Регистрация: 12.05.2009
Сообщений: 7

Я не мастер Javascript... Я понял ваш алгоритм, но я не знаю как это написать на Javascript. Именно по этому я и обратился за помощью на форум программистов Javascript.
Ответить с цитированием
  #9 (permalink)  
Старый 12.05.2009, 21:07
Аватар для x-yuri
Отправить личное сообщение для x-yuri Посмотреть профиль Найти все сообщения от x-yuri
 
Регистрация: 27.12.2008
Сообщений: 4,201

Цитата:
Я не мастер Javascript...
для этого кода не нужно быть мастером
Цитата:
я не знаю как это написать на Javascript
это не вопрос. Вопрос это, например, "как вызвать функцию?"
Ответить с цитированием
  #10 (permalink)  
Старый 12.05.2009, 21:32
Новичок на форуме
Отправить личное сообщение для johnpro Посмотреть профиль Найти все сообщения от johnpro
 
Регистрация: 12.05.2009
Сообщений: 7

В том то и дело, что там надо дописать строк десять... Дело в том, что этот скрипт мой первый опыт написания javascript. А вопрос я задал в первом посте, где описал чего надо от этого скрипта.
Может просто кто-нибудь допишет скрипт, а потом можно будет разобрать по полочкам что к чему. Сказал же, опыта нет в javascript... Помогите дописать... Чего непонятного?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передача значений из iframe в тело страницы z00m Общие вопросы Javascript 7 01.05.2009 17:20
Интегрирование страницы в страницу konstantinopol Общие вопросы Javascript 1 25.03.2009 12:54
проблема с длительным открытием страницы Ultras Общие вопросы Javascript 1 10.11.2008 11:53
Disable элементов страницы piople Общие вопросы Javascript 3 07.11.2008 09:59
Автообновление <div> без перезагрузки страницы Antihrist AJAX и COMET 14 28.07.2008 06:06