Hola a tod@s
Estoy comenzando a usar objetos en javascript, y hasta ahora todo bien, excepto que en Iexplorer no anda, aparece
"Objeto no está definido"
No se si estoy usando una estructura no estándar o sin el hack para Iexplorer, o si tengo un error, o algo de más o de menos, o si simplemente está mal lo que he hecho o el navegador es el que está mal.
Aquí les dejo un ejemplo de un objeto sencillo que muestra como estoy haciendo las cosas y que no anda en IExplorer.
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head> <script language="JavaScript" type="text/javascript"><!-- // --><!-- function ColorDiv(atributos)
{
this.opt = atributos;
}
ColorDiv.prototype.color = function (element)
{
document.getElementById(element).style.backgroundColor = this.opt.oColor;
document.getElementById(element).innerHTML = '<h1>El Fondo ahora es ' + this.opt.oText + '</h1>';
return false;
}
var Orojo = new ColorDiv({
oColor: '#ff0000',
oText: 'Rojo',
});
var Overde = new ColorDiv({
oColor: '#008000',
oText: 'Verde',
});
var Oazul = new ColorDiv({
oColor: '#0000ff',
oText: 'Azul',
});
<div id="divcol" style="padding: 10px; background-color: black; color: white"><h1>Elije el color de Fondo
</h1></div>
<a href="#" onclick="Orojo.color('divcol')">Rojo
</a> <a href="#" onclick="Overde.color('divcol')">Verde
</a> <a href="#" onclick="Oazul.color('divcol')">Azul
</a>
Gracias adelantadas