views:

28

answers:

2

I want the following button (and it's image) to change size when I click it. The dialog is showing, but the size is not changing..

<html>
    <input type="image" src="pacman.png"  onClick="
        alert('test');
        this.height='200px'; // change de button size
        // this.image.height='200px'; // not sure if this line will work..
    "/>
</html>

Need be in javascript, no in the css, becouse I'll make an animation later..

+4  A: 

You have to manipulate the "style" property:

this.style.height = '200px';
Pointy
+1  A: 

You can do it with

this.style.height = "200px";

BUT, you should look into jQuery, an excellent Javascript library which makes it really easy to do that plus a LOT more! It's worth the small learning curve, trust me. http://www.jquery.com

+1 for jQuery reference
Mike Webb