# Interesante post en conseguir Mozilla XUL corriendo dentro de Internet Explorer por Jean-Yves Cronier ## Interesante post en conseguir Mozilla XUL corriendo dentro de Internet Explorer por Jean-Yves Cronier Publicado el Domingo, Septiembre 12, 2004 11:46 ¡Que el cruce continúe! Jean-Yves Cronier se fue. [un comentario](/archive/2003/11/23/648.aspx) en mi [viejo post sobre HTC dentro de Mozilla](/archive/2003/11/23/648.aspx), apunta a un puesto que dejó en el [Foro XULPlanet](http://xulplanet.com/forum/viewtopic.php?t=1038) mostrando una técnica para obtener [Comportamientos XUL](http://xulplanet.com/tutorials/whyxul.html) correr dentro de Internet Explorer utilizando un comportamiento HTC simple como una especie de capa de interfaz. Esto es de nuevo, bastante fresco - y sería aún más fresco si se podría ampliar para permitir la traducción completa entre todos los comportamientos de IE HTC y su equivalente XUL! De todos modos, ya que esto se publica en un foro que no sé nada abot, voy a repetir el post aquí: He reflexionado sobre las posibilidades que ofrece el comportamiento famoso HTC bajo IE. Creo que tal vez sería posible interpretar una pequeña parte de las especificaciones de XUL. Una pequeña muestra: index.xul : | | | --- | | **Código:** | | <?xml versión="1.0" codificación="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="xul.css" media="all"?>
<window id="ejemplo-ventana" title="Ejemplo" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<control de etiquetas= valor "some-text"="Introducir algún texto"/>
<textbox id= "some-text" value="toto"/>
<control de etiquetas = "alguna contraseña" valor = "Introducir una contraseña"/>
<textbox id="some-password" type="password" maxlength="8"/>
<etiqueta de la lista de menús="Bus">
  <menupopup>
    <etiqueta del elemento del menú="Coche"/>
    <etiqueta del menú="Taxi"/>
    <etiqueta del elemento de menú="Bus" seleccionado="true"/>
    <etiqueta del elemento del menú="Formación"/>
  </menupopup>
</menulista>
</ventana> | xul.css : | | | --- | | **Código:** | etiqueta{comportamiento:url(label.htc)}
menuitem{comportamiento:url(menuitem.htc)}
menulist{comportamiento:url(menulista.htc)}
menupopup{comportamiento:url(menupopup.htc)}
textbox{comportamiento:url(textbox.htc)}
window{comportamiento:url(window.htc)} label.htc : | | | --- | | **Código:** | | <public:htc urn="window">
<público: evento adjunto= "en documento listo" manejador= "construir" />
<public:property name="value" />
<script type="text/javascript">
function build(){this.innerHTML=this.value;}
</script>
</public:htc> | menuitem.htc : | | | --- | | **Código:** | | <public:htc urn="window">
<público: evento adjunto= "en documento listo" manejador= "construir" />
<public:property name="id" />
<public:property name="label" />
<public:property name="value" />
<script type="text/javascript">
build() {
 var option = document.createElement("opción");
 var style=this.currentStyle;
 option.setAttribute("id",id);
 if(this.id!=null){option.setAttribute("id",this.id);}
 if(this.value!=null){option.setAttribute("value",this.value);}
 if(label!=null){option.innerHTML=label;}
 for(var prop en estilo){option.style[prop]=estilo[prop];}
 esto.outerHTML=option.outerHTML;
}
</script>
</public:htc> | menulist.htc : | | | --- | | **Código:** | | <public:htc urn="window">
<público: evento adjunto= "en documento listo" manejador= "construir" />
<public:property name="id" />
<script type="text/javascript">
build() {
 var select = document.createElement("select");
 var style=this.currentStyle;
 select.setAttribute("id",id);
 if(id!=null){
 select.setAttribute("id",this.id);
 select.setAttribute("nombre",this.id);
   }
 select.innerHTML=this.innerHTML;
 for(propulsor de varilla en estilo){
 seleccionar.style[prop]=estilo[prop];
   }
 select.style.width="100%";
 esto.outerHTML=select.outerHTML;
}
</script>
</public:htc> | menupopup.htc : | | | --- | | **Código:** | | <public:htc urn="window">
<público: evento adjunto= "en documento listo" manejador= "construir" />
<public:property name="id" />
<public:property name="label" />
<public:property name="value" />
<script type="text/javascript">
build() {
 var optgroup = document.createElement("optgroup");
 var style=this.currentStyle;
 if(this.id!=null){optgroup.setAttribute("id",this.id);}
 if(this.label!=null){optgroup.innerHTML=this.label;}
 optgroup.innerHTML=this.innerHTML;
 for(var prop en estilo){optgroup.style[prop]=estilo[prop];}
 esto.outerHTML=optgroup.outerHTML;
}
</script>
</public:htc> | textbox.htc : | | | --- | | **Código:** | | <public:htc urn="window">
<público: evento adjunto= "en documento listo" manejador= "construir" />
<public:property name="id" />
<public:property name="value" />
<public:property name="type" />
<public:property name="maxlength" />
<script type="text/javascript">
build() {
 var input = document.createElement("input");
 var style=this.currentStyle;
 input.setAttribute("id",id);
 if(valor!=null){input.setAttribute("valor",valor);}
 if(type!=null){input.setAttribute("type",type);}
 if(maxlength!=null){input.setAttribute("maxlength",maxlength);}
 for(var prop en estilo){input.style[prop]=estilo[prop];}
 input.style.width="100%";
 input.style.cursor="text";
 input.style.borderStyle="inset";
 input.style.borderColor="ActiveBorder";
 input.style.borderWidth="2px";
 input.style.backgroundColor="#FFFFFF";
 input.style.paddingLeft="2px";
 esto.outerHTML=input.outerHTML;
}
</script>
</public:htc> | window.htc : | | | --- | | **Código:** | | <public:htc urn="window">
<público: evento adjunto= "en documento listo" manejador= "construir" />
<public:property name="title" />
<script type="text/javascript">
function build(){window.status=this.title;}
</script>
</public:htc> | ¿No es gracioso? ![Muy feliz.](http://xulplanet.com/forum/images/smiles/icon_biggrin.gif) El objetivo de un proyecto como este en no es subir Internet Explorer, pero sólo para mostrar un poco de visión general a otros (que no tienen Mozilla Web Browser) las tecnologías disponibles con Mozilla Framework