2010-09-22 4 views
0

Я хочу, чтобы следующая кнопка (и изображение) меняла размер, когда я нажимаю на нее. Диалог показывает, но размер не меняется ..изменить изображение кнопки с помощью javascript

<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> 

Нужна быть в JavaScript, нет в CSS, becouse я сделать анимацию позже ..

+1

Вы вообще используете jQuery? Если это так, вы можете легко обрабатывать изменения кликов и размеров. то есть: $ ('# button'). click (function() {$ (this) .css ('height', '200px');}); - Я не сторонник создания встроенного javascript, как в вашем примере, но если вы не используете javascript в другом месте и не нуждаетесь в библиотеке, такой как jQuery, все в порядке. –

ответ

5

Вы должны манипулировать " стиль»свойство:

this.style.height = '200px'; 
2

вы можете сделать это с

this.style.height = "200px"; 

НО, вы должны смотреть на JQuery, Excellen t Javascript библиотека, которая делает это очень легко сделать это плюс LOT больше! Поверьте мне, это небольшая кривая обучения. http://www.jquery.com

+0

+1 для справки по jQuery –

Смежные вопросы