# Mielenkiintoinen viesti Jean-Yves Cronierin saadessa Mozilla XUL:n juoksemaan Internet Explorerin sisällä ## Mielenkiintoinen viesti Jean-Yves Cronierin saadessa Mozilla XUL:n juoksemaan Internet Explorerin sisällä Posted on Sunday, September 12, 2004 11:46 Anna crossoverin jatkua! Jean-Yves Cronier lähti [kommentti](/archive/2003/11/23/648.aspx) Oman [vanha viesti HTC:stä Mozillan sisällä](/archive/2003/11/23/648.aspx), Hän osoittaa virkaan hän lähti vuonna [XULPlanet-foorumi](http://xulplanet.com/forum/viewtopic.php?t=1038) tekniikan näyttäminen saada [XUL-käyttäytyminen](http://xulplanet.com/tutorials/whyxul.html) Tämä on taas aika siistiä - ja olisi vielä viileämpää, jos sitä voitaisiin laajentaa niin, että se mahdollistaisi täydellisen kääntämisen kaikkien IE HTC:n ja XUL:n käyttäytymisen välillä! Joka tapauksessa, koska tämä on lähetetty foorumille, jossa en tiedä mitään abottia, toistan viestin tässä: Olen pohtinut kuuluisan HTC-käyttäytymisen tarjoamia mahdollisuuksia IE:ssä. XUL:n pieniä spesifikaatioita olisi mielestäni ehkä mahdollista tulkita. Pieni näyte: Index.xul: | | | --- | | **Koodi:** | | <?xml versio="1.0" koodaus="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="xul.css" media= "kaikki"?>
<window id= "Esimerkillinen ikkuna" -otsikko= "Example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.vain.xul">
<Label control="some-text" arvo="Enter some text"/>
<tekstilaatikko id= "joku teksti" arvo= "toto"/>
<Label control="some-salasana" arvo="Enter a password"/>
<textbox id= "some-salasana" type="salasana" maxlength="8"/>
<valikkolistan nimi = "Bus">
  <menupopup>
    <menuitem label="Car"/>
    <menuitem label="Taxi"/>
    <menuitem label="Bus" valittu= "true"/>
    <menuitem label="Train"/>
  </menupuppi>
</menulistinen>
</ikkuna> | xul.css: | | | --- | | **Koodi:** | Nimike {käyttäytyminen:url(merkintä.htc)}
menuitem{käyttäytyminen:url(menuitem.htc)}
menulist{käyttäytyminen:url(menulist.htc)}
valikkopop{käyttäytyminen:url(menopup.htc)}
Tekstilaatikko{käyttäytyminen:url(tekstilaatikko.htc)}
window{behavior:url(window.htc) Label.htc : | | | --- | | **Koodi:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="building" />
<public:property name="arvo" />
<Script type="teksti/javascript">
Funktio build(){this.innerHTML=this. value;}
</script>
</public:htc> | menuitem.htc : | | | --- | | **Koodi:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="building" />
<public:property name="id" />
<public:property name="label" />
<public:property name="arvo" />
<Script type="teksti/javascript">
Funktio build () {
 var option = document.creatingElement('option');
 Var style=this.currentStyle;
 optio.setattribuutti("id", id);
 if(this.id!=null){option.setAttribution('id'this.id);
 if(this.value! = null){option.setAttribution('value',this.value);
 if(merkintä! = null){option.innerHTML=market;}
 for(var prop in style) {option.style[prop] = tyyli[rekvisiitta];}
 that.outerHTML=option.outerHTML;
}
</script>
</public:htc> | menulist.htc: | | | --- | | **Koodi:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="building" />
<public:property name="id" />
<Script type="teksti/javascript">
Funktio build () {
 var select = document.createElement('select');
 Var style=this.currentStyle;
 Select.setAttribuutti("id", id);
 if(id! = null){
 Select.setAttribute('id', this.id;
 Select.setAttribuutti("name",this.id);
   }
 Select.innerHTML=this.innerHTML;
 for(var prop in style){
 select.style[prop] = tyyli[Pätevyys];
   }
 Select.style.width="100 %";
 that.outerHTML=select.outerHTML;
}
</script>
</public:htc> | menupopup.htc: | | | --- | | **Koodi:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="building" />
<public:property name="id" />
<public:property name="label" />
<public:property name="arvo" />
<Script type="teksti/javascript">
Funktio build () {
 var optgroup = document.createElement('optgroup');
 Var style=this.currentStyle;
 if(this.id! = null){optgroup.setattribuutti('id'this.id);
 if(this.label! = null){optgroup.innerHTML=this.label;}
 optgroup.innerHTML=this.innerHTML;
 for(var prop in style){optgroup.style)[prop] = tyyli[rekvisiitta];}
 tämä.outerHTML=optgroup.outerHTML;
}
</script>
</public:htc> | textbox.htc: | | | --- | | **Koodi:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="building" />
<public:property name="id" />
<public:property name="arvo" />
<public:property name="type" />
<public:property name="maxlength" />
<Script type="teksti/javascript">
Funktio build () {
 var input = document.createElement("input")
 Var style=this.currentStyle;
 Input.setAttribuutti("id", id);
 if(arvo! = null){input.set attribuutti('arvo', arvo;}
 if(type! = null){input.setAttribuutti('type' type);}
 if(maxlength! = null){input.setAttribuutti('maxlength', maxlength}
 for(var prop in style) {input.style[prop] = tyyli[rekvisiitta];}
 input.style.width="100 %";
 input.style.cursor="teksti".
 input.style.borderstyle="inset".
 input.style.borderColor="ActiveBorder";
 input.style.borderWidth="2px";
 input.style.backgroundColor="#]FF";
 input.style.paddingLeft="2px";
 tämä.outerHTML=input.outerHTML;
}
</script>
</public:htc> | window.htc: | | | --- | | **Koodi:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="building" />
<public:property name="title" />
<Script type="teksti/javascript">
Funktio built(){window.status=this.title;}
</script>
</public:htc> | Eikö olekin hassua? ![Hyvin onnellinen](http://xulplanet.com/forum/images/smiles/icon_biggrin.gif) Tämänkaltaisen projektin tavoitteena ei ole nostaa Internet Exploreria, vaan näyttää hieman yleiskuvaa muille (joilla ei ole Mozilla Web Browseria) Mozilla Frameworkin avulla saatavilla olevista tekniikoista.