redimensionner l'image du bouton en utilisant javascript

Je veux que le bouton suivant (et son image) change de taille lorsque je clique dessus. La boîte de dialogue apparaît, mais la taille ne change pas ..redimensionner l'image du bouton en utilisant 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>

besoin en javascript, pas dans le css, becouse je vais faire une animation plus tard ..

Source

2010-09-22 Tom Brito

Utilisez-vous jQuery? Si c'est le cas, vous pouvez gérer facilement les clics et les changements de taille. ie: $ ('# bouton'). click (function() {$ (this) .css ('height', '200px');}); - Je ne recommande pas de faire du javascript en ligne comme dans votre exemple, mais si vous n'utilisez pas javascript ailleurs et que vous n'avez pas besoin d'une bibliothèque comme jQuery, ça va. –

Vous devez manipuler le " style » propriété:

this.style.height = '200px';

Source

2010-09-22 15:40:53 Pointy

vous pouvez le faire avec

this.style.height = "200px";

MAIS, vous devriez regarder dans jQuery, un excellen t bibliothèque de Javascript qui le rend vraiment facile à faire cela plus un beaucoup plus! Cela vaut la petite courbe d'apprentissage, croyez-moi. http://www.jquery.com

Source

2010-09-22 15:42:59

+1 pour la référence jQuery –

redimensionner l'image du bouton en utilisant javascript

Répondre

Questions connexes