Javascript.RU

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

изменение размера кнопки
подскажите пожалуйста, как сделать, что бы "кнопка" меняла свой размер, допустим увеличивалась при ее нажатии??!
Ответить с цитированием
  #2 (permalink)  
Старый 09.01.2011, 19:56
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

повесить обработчик события на соответствующее событие кнопки
в нем менять ответственные за размер CSS(хотя для размера, можно и только свойства-атрибуты поменять) у необходимой нам кнопки
Ответить с цитированием
  #3 (permalink)  
Старый 09.01.2011, 19:56
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

<input
  type="button" 
  style="width: 100px" 
  onclick="this.style.width = parseInt(this.style.width)+10+'px'" 
  value="Увеличить"
/>

Последний раз редактировалось Vulkan, 09.01.2011 в 19:59.
Ответить с цитированием
  #4 (permalink)  
Старый 09.01.2011, 20:02
Новичок на форуме
Отправить личное сообщение для student2011 Посмотреть профиль Найти все сообщения от student2011
 
Регистрация: 09.01.2011
Сообщений: 3

спасибо)) только вот у меня еще задача, что бы она при повторном нажатии уменьшалась обратно))
Ответить с цитированием
  #5 (permalink)  
Старый 09.01.2011, 20:07
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

Значит вам надо запомнить где-то, изначальные размеры кнопки, и флаг ее состояния.
например в глобальной переменной.
а затем в функции-обработчике события, в зависимости от флага состояния выставлять одно из значений размера
PS это наиболее простой вариант для полного новичка.
он работает, хотя и не является best practice
Ответить с цитированием
  #6 (permalink)  
Старый 09.01.2011, 20:09
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

<input
  type="button" 
  style="width: 100px" 
  onclick="this.style.width = parseInt(this.style.width)+(parseInt(this.style.width) == 110 ? -10 : 10)+'px'" 
  value="Увеличить"
/>
Ответить с цитированием
  #7 (permalink)  
Старый 09.01.2011, 20:14
Новичок на форуме
Отправить личное сообщение для student2011 Посмотреть профиль Найти все сообщения от student2011
 
Регистрация: 09.01.2011
Сообщений: 3

спасибо))
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение размера окна браузера pv! Общие вопросы Javascript 10 29.09.2019 08:45
изменение размера блока dimiork Элементы интерфейса 1 08.01.2011 21:01
Как отследить изменение размера браузера? br102 ExtJS 9 22.11.2010 16:10
Изменение размера изображения(img) kjs Общие вопросы Javascript 2 19.06.2010 12:55
Изменение размера блока реклама в зависимости от разрешения экрана. toxiz77 Общие вопросы Javascript 3 11.02.2009 14:12