Change div height on button click

Question

What I do wrong  Why div height didn t change    lt html gt     lt head gt         lt  head gt    lt body  gt       lt button type  button  onClick    document getElementById  chartdiv   style height   200px  gt Click Me  lt  button gt       lt div id  chartdiv  style  width  100   height  50px  background-color  E8EDF2  gt  lt  div gt   lt  body gt   lt  html gt

User · Answer

You just forgot the quotes  Change your code according to this        lt button type  button  onClick    document getElementById  chartdiv   style height    200px   gt Click Me  lt  button gt    should work

User · Answer

You have to set height as a string value when you use pixels   document getElementById  chartdiv   style height    200px    Also try adding a DOCTYPE to your HTML for Internet Explorer    lt  DOCTYPE html gt   lt html gt

User · Answer

Just remove the  px  in the style height assignation  like    lt button type  button  onClick    document getElementById  chartdiv   style height   200px  gt   lt  button gt    Should be    lt button type  button  onClick    document getElementById  chartdiv   style height   200  gt Click Me  lt  button gt

User · Answer

Do this    function changeHeight     document getElementById  chartdiv   style height    200px     lt button type  button  onClick  changeHeight      Click Me  lt  button

User · Answer

Just a silly mistake use quote     in  200px         lt html gt     lt head gt         lt  head gt    lt body  gt       lt button type  button  onClick    document getElementById  chartdiv   style height    200px    gt Click Me  lt  button gt       lt div id  chartdiv  style  width  100   height  50px  background-color  E8EDF2  gt  lt  div gt   lt  body gt

User · Answer

Look at to vwphillips  post from 03-06-2010  03 35 PM in http   www codingforums com archive index php t-190887 html   lt html gt      lt head gt         lt title gt  lt  title gt         lt meta http-equiv  Content-Type  content  text html  charset iso-8859-1  gt          lt script type  text javascript  gt           function Div id ud               var div document getElementById id              var h parseInt div style height  ud             if  h gt  1                 div style height   h    em      I m using  em  instead of  px   but you can use px like measure                                  lt  script gt       lt  head gt      lt body gt         lt div gt            lt input type  button  value     onclick  Div  my div   1    gt  amp nbsp  amp nbsp             lt input type  button  value  -  onclick  Div  my div   -1    gt  lt  div gt         lt  div gt          lt div id  my div  style  height  1em  width  1em  overflow  auto   gt  lt  div gt       lt  body gt   lt  html gt    This worked for me     Best regards

User · Answer

x000D   x000D  var ww1       x000D  var ww2   0  x000D  var myVar1   x000D  var myVar2   x000D  function wm1    x000D    myVar1  setInterval w1  15   x000D    x000D  function wm2    x000D    myVar2  setInterval w2  15   x000D    x000D  function w1    x000D   ww1 document getElementById  chartdiv   style height  x000D   ww2  ww1 replace  px         x000D      if parseFloat ww2   lt   200   x000D  document getElementById  chartdiv   style height    parseFloat ww2  5     px   x000D       else  x000D        clearInterval myVar1   x000D        x000D    x000D  function w2    x000D   ww1 document getElementById  chartdiv   style height  x000D   ww2  ww1 replace  px         x000D      if parseFloat ww2   gt   50   x000D  document getElementById  chartdiv   style height    parseFloat ww2 -5     px   x000D       else  x000D        clearInterval myVar2   x000D        x000D    x000D   lt html gt  x000D     lt head gt      x000D     lt  head gt  x000D   x000D   lt body  gt  x000D       lt button type  button  onClick    wm1    gt 200px lt  button gt  x000D       lt button type  button  onClick    wm2    gt 50px lt  button gt  x000D       lt div id  chartdiv  style  width  100   height  50px  background-color  ccc  gt  lt  div gt  x000D     x000D     lt div id  demo  gt  lt  div gt  x000D   lt  body gt  x000D   x000D   x000D

[javascript] Change div height on button click

Examples related to javascript

Examples related to html