Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   изменение размера кнопки (https://javascript.ru/forum/misc/14276-izmenenie-razmera-knopki.html)

student2011 09.01.2011 19:51
изменение размера кнопки
 
подскажите пожалуйста, как сделать, что бы "кнопка" меняла свой размер, допустим увеличивалась при ее нажатии??!

Gvozd 09.01.2011 19:56
повесить обработчик события на соответствующее событие кнопки
в нем менять ответственные за размер CSS(хотя для размера, можно и только свойства-атрибуты поменять) у необходимой нам кнопки

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

student2011 09.01.2011 20:02
спасибо)) только вот у меня еще задача, что бы она при повторном нажатии уменьшалась обратно))

Gvozd 09.01.2011 20:07
Значит вам надо запомнить где-то, изначальные размеры кнопки, и флаг ее состояния.
например в глобальной переменной.
а затем в функции-обработчике события, в зависимости от флага состояния выставлять одно из значений размера
PS это наиболее простой вариант для полного новичка.
он работает, хотя и не является best practice

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

student2011 09.01.2011 20:14
спасибо))


Часовой пояс GMT +3, время: 22:10.