# Interessante post su come Mozilla XUL in esecuzione all'interno di Internet Explorer di Jean-Yves Cronier ## Interessante post su come Mozilla XUL in esecuzione all'interno di Internet Explorer di Jean-Yves Cronier pubblicato il Domenica, 12 settembre 2004 11:46 Lasciate che il crossover continui! Jean-Yves Cronier a sinistra [un commento](/archive/2003/11/23/648.aspx) sul mio [vecchio post su HTC all'interno di Mozilla](/archive/2003/11/23/648.aspx), indica un posto che ha lasciato nel [Forum XULPlanet](http://xulplanet.com/forum/viewtopic.php?t=1038) mostrando una tecnica per ottenere [Comportamenti XUL](http://xulplanet.com/tutorials/whyxul.html) esecuzione all'interno di Internet Explorer utilizzando un semplice comportamento HTC come una sorta di livello di interfaccia. Questo è di nuovo, piuttosto cool - e sarebbe ancora più fresco se potrebbe essere esteso per consentire la traduzione completa tra tutti i comportamenti IE HTC e il loro equivalente XUL! Comunque, dal momento che questo è pubblicato su un forum non so nulla di abot, ripeterò il post qui: Ho riflettuto sulle possibilità offerte dal comportamento famoso HTC sotto IE. Penso che sarebbe forse possibile interpretare una piccola parte delle specifiche di XUL. Un piccolo campione: index.xul: | | | --- | | **Codice:** | | <?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="xul.css" media="all"?>
<window id="example-window" title="Example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<label control="some-text" value="Inserisci un po' di testo"/>
<textbox id="some-text" value="toto"/>
<label control="some-password" value="Inserisci una password"/>
<casella di testo id="some-password" type="password" maxlength="8"/>
<etichetta menulista "Bus">
  <menupopupCity name (optional, probably does not need a translation)>
    <menuitem label="Car"/>
    <menuitem label="Taxi"/>
    <menuitem label="Bus" select="true"/>
    <menuitem label="Train"/>
  </menupop>
</menulist>
</finestra> | xul.css: | | | --- | | **Codice:** | | label{comportamento:url(label.htc)}
menuitem{comportamento:url(menuitem.htc)}
menulista{comportamento:url(menulist.htc)}
menupopup{comportamento:url(menupop.htc)}
textbox{comportamento:url(textbox.htc)}
window{comportamento:url(window.htc)} | label.htc: | | | --- | | **Codice:** | | <pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="value" />
<script type="text/javascript">
function build(){this.innerHTML=this.value;}
</script>
</public:htc> | menuitem.htc: | | | --- | | **Codice:** | | <pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="id" />
<public:property name="label" />
<public:property name="value" />
<script type="text/javascript">
function build() {
 var option = document.createElement("option");
 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 in style){option.style[prop]=stile[prop];}
 this.outerHTML=option.outerHTML;
}
</script>
</public:htc> | menulist.htc: | | | --- | | **Codice:** | | <pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="id" />
<script type="text/javascript">
function build() {
 var select = document.createElement("select");
 var style=this.currentStyle;
 select.setAttribute("id,"id);
 if(id!=null){
 select.setAttribute("id,"this.id);
 select.setAttribute("name,"this.id);
   }
 select.innerHTML=this.innerHTML;
 for(var prop in style){
 select.style[prop]=stile[prop];
   }
 select.style.width="100%";
 this.outerHTML=select.outerHTML;
}
</script>
</public:htc> | menupopup.htc: | | | --- | | **Codice:** | | <pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="id" />
<public:property name="label" />
<public:property name="value" />
<script type="text/javascript">
function build() {
 var optgroup = document.createElement("optgroup");
 var style=this.currentStyle;
 if(this.id!=null){optgroup.setAttributo("id,"this.id);}
 if(this.label!=null){optgroup.innerHTML=this.label;}
 optgroup.innerHTML=this.innerHTML;
 for(var prop in style){optgroup.style[prop]=stile[prop];}
 this.outerHTML=optgroup.outerHTML;
}
</script>
</public:htc> | textbox.htc : | | | --- | | **Codice:** | | <pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="id" />
<public:property name="value" />
<public:property name="type" />
<public:property name="maxlength" />
<script type="text/javascript">
function build() {
 var input = document.createElement("input");
 var style=this.currentStyle;
 input.setAttributo("id,"id);
 if(value!=null){input.setAttributo("value,"value);}
 if(type!=null){input.setAttributo("type," type);}
 if(maxlength!=null){input.setAttributo("maxlength,"maxlength);}
 for(var prop in style){input.style[prop]=stile[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";
 Questo.outerHTML=input.outerHTML;
}
</script>
</public:htc> | window.htc: | | | --- | | **Codice:** | | <pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="title" />
<script type="text/javascript">
function build(){window.status=this.title;}
</script>
</public:htc> | E' divertente, vero? ![Molto felice](http://xulplanet.com/forum/images/smiles/icon_biggrin.gif) L'obiettivo di un progetto come questo non è quello di aumentare Internet Explorer, ma solo di mostrare una piccola panoramica ad altri (che non hanno Mozilla Web Browser) le tecnologie disponibili con Mozilla Framework