Hola, tengo el siguiente codigo para que cuando preto un boton cualquiera se modifica el tamaño del primero y la imagen que contiene, pero lo he probado y en internet explorer funciona pero en firefox al presionar un boton cambia de tamaño pero luego vuelve a su estado inicial. ¿Alguien sabe porque es esto?
Código HTML:
<html>
<head>
<title>Planta</title>
</head>
<body>
<form>
<button id="boton1" onclick="document.getElementById('imagen1').height=100; document.getElementById('imagen1').width=60; document.getElementById('imagen1').src='IMAGENES/ocupado.png';">
<option id="opcion1" value="1">
<img id="imagen1" height=50 width=30 src="IMAGENES/libre.png">
</option>
</button>
<button id="boton2" onclick="document.getElementById('imagen1').height=100; document.getElementById('imagen1').width=60; document.getElementById('imagen1').src='IMAGENES/ocupado.png';">
<option id="opcion2" value="2">
<img id="imagen2" height=50 width=30 src="IMAGENES/libre.png">
</option>
</button>
<button id="boton3" onclick="document.getElementById('imagen1').height=100; document.getElementById('imagen1').width=60; document.getElementById('imagen1').src='IMAGENES/ocupado.png';">
<option id="opcion3" value="3">
<img id="imagen3" height=50 width=30 src="IMAGENES/libre.png">
</option>
</button>
</form>
</body>
</html> Saludos