Hola,
Hice una versión simplificada del problema que tengo.
Estoy intentando hacer un script que cuando se presione el boton 2, se dispare el evento change de un campo input, tal como cuando el usuario hace la modificación manualmente.
el campo input así como los dos botones estan dentro de un form de una matriz, al cual se accede elemento por elemento, asi los elemento 0 al 3 son cada uno de los campos input, el elemento 4 es el primer botón y el elemento 5 es el segundo botón.
Cuando corro el programa en Explorer, me aparece un cuadro que dice "Error: El objeto no acepta la propiedad o el método 'fireEvent'"
Adjunto HTML y JS (que se llama JS_Headache.js)
<script src="JS_Headache.js" type="text/javascript"></script>
<html>
<head>
<meta charset="utf-8" />
<h1>Habitaciones</h1>
</head>
<body>
<form id="habitaciones-disponibles-form">
<table class="matriz-tabla">
<tr>
<td colspan="1"></td>
<td class="Mes" colspan="2">
Octubre
2014
</td>
</tr>
<tr>
<td colspan="1"></td>
<td class="matriz-dia">
05
</td>
<td class="matriz-dia">
06
</td>
</tr>
<tr>
<td>
<a href="link_depto_1.html">
Disponibilidad Propiedad 1
</a>
</td>
<td class="">
<input class="habitaciones-disponibles pequena-input"
type="text"
value="0" />
</td>
<td class="">
<input class="habitaciones-disponibles pequena-input" type="text" value="0" />
</td>
</tr>
<tr>
<td>
<a href="link_depto_2.html">
Disponibilidad Propiedad 2
</a>
</td>
<td class="">
<input class="habitaciones-disponibles pequena-input" type="text" value="0" />
</td>
<td class="">
<input class="habitaciones-disponibles pequena-input" type="text" value="2" />
</td>
</tr>
</table>
<button type="submit"> Boton 1 </button>
<button type="submit"> Boton 2 </button>
</form>
</body>
</html>
window.onload = function ()
{
chequea_js();
<!--document.getElementsByClassName("habitaciones-disponibles")(0).onchange=evento_tipo_1;-->
document.getElementById("habitaciones-disponibles-form")(0).onchange=evento_tipo_1;
document.getElementById("habitaciones-disponibles-form")(4).onclick=evento_tipo_1;
document.getElementById("habitaciones-disponibles-form")(5).onclick=clic_2;
}
function chequea_js()
{
alert ("Comienzo de todo")
}
function evento_tipo_1(elEvento)
{
var evento=elEvento || window.event;
evento.preventDefault();
if (evento.type=='change')
{
alert ("Evento Change Disparado");
}
else
{
alert ("Evento: "+evento.srcElement.innerText +"-> "+evento.type)
}
}
function clic_2(elEvento)
{
var evento=elEvento || window.event;
evento.preventDefault();
alert ("Evento: "+evento.srcElement.innerText +"-> "+evento.type)
document.getElementById("habitaciones-disponibles-form")(0).value="3";
var evt = document.createEventObject;
document.getElementsByClassName("habitaciones-disponibles")(0).fireEvent("onchange",evt);
}