# Interessant bericht over het krijgen van Mozilla XUL loopt binnen Internet Explorer door Jean-Yves Cronier ## Interessant bericht over het krijgen van Mozilla XUL loopt binnen Internet Explorer door Jean-Yves Cronier Geplaatst op zondag 12 september 2004 11:46 Laat de crossover verder gaan! Jean-Yves Cronier links [een opmerking](/archive/2003/11/23/648.aspx) op mijn [oude post over HTC binnen Mozilla](/archive/2003/11/23/648.aspx), wijst hij naar een post die hij achterliet in de [XULPlanet-forum](http://xulplanet.com/forum/viewtopic.php?t=1038) tonen van een techniek om te krijgen [XUL-gedrag](http://xulplanet.com/tutorials/whyxul.html) rennen binnen Internet Explorer met behulp van een eenvoudige HTC gedrag als een soort interface laag. Dit is opnieuw, vrij cool - en zou nog cooler als het zou kunnen worden uitgebreid om volledige vertaling tussen alle IE HTC gedrag en hun XUL equivalent mogelijk! Hoe dan ook, aangezien dit is geplaatst op een forum ik weet niets abot, Ik zal de post hier herhalen: Ik heb nagedacht over mogelijkheden aangeboden door beroemde gedrag HTC onder IE. Ik denk dat het misschien mogelijk zou zijn om een klein deel van de specificaties van XUL te interpreteren. Een klein monster: index.xul : | | | --- | | **Code:** | | <?xml versie="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="xul.css" media="all"?>
<window id="example-window" titel="Example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<label control="some-text" waarde="Enter some text"/>
<textbox id="some-text" value="toto"/>
<label control="some-password" waarde="Enter a password"/>
<textbox id="some-password" type="password" maxlength="8"/>
<Menulist label="Bus">
  <menupopup>
    <menuitem label="Car"/>
    <menuitem label="Taxi"/>
    <menuitem label="Bus" selected="true"/>
    <menuitem label="Train"/>
  </menupopop>
</menulijst>
</venster> | xul.css: | | | --- | | **Code:** | Label {gedrag:url(label.htc)}
menuitem{gedrag:url(menuitem.htc)}
menulist{gedrag:url(menulist.htc)}
menupopup{gedrag:url(menupopulop.htc)}
textbox{gedrag:url(textbox.htc)}
window{gedrag:url(window.htc)} label.htc : | | | --- | | **Code:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="value" />
<script type="text/javascript">
functie build(){this.innerlijkeHTML=this.value;}
</script>
</public:htc> | menuitem.htc : | | | --- | | **Code:** | | <public: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">
functie build() {
 var optie = document.createElement("optie");
 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.innerlijkeHTML=label;}
 voor(var prop in stijl){optie.style[prop]=stijl[prop];}
 this.outerHTML=option.outerHTML;
}
</script>
</public:htc> | Menulist.htc : | | | --- | | **Code:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="id" />
<script type="text/javascript">
functie build() {
 var select = document.createElement("select");
 var style=this.currentStyle;
 select.setAttribute("id,"id);
 if(id!=null){
 select.setAttribute("id,"this.id);
 select.setAttribuut("name,"this.id);
   }
 select.innerlijkeHTML=this.innerlijkeHTML;
 voor(var prop in stijl){
 select.style[prop]=stijl[prop];
   }
 select.style.width="100%";
 this.outerHTML=select.outerHTML;
}
</script>
</public:htc> | menupopup.htc : | | | --- | | **Code:** | | <public: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">
functie build() {
 var optgroup = document.createElement("optgroup");
 var style=this.currentStyle;
 if(this.id!=null){optgroup.setAttribute("id,"this.id);}
 if(this.label!=null){optgroup.innerlijkeHTML=this.label;}
 optgroup.innerlijkeHTML=this.innerlijkeHTML;
 voor(var prop in stijl){optgroup.style[prop]=stijl[prop];}
 this.outerHTML=optgroup.outerHTML;
}
</script>
</public:htc> | textbox.htc: | | | --- | | **Code:** | | <public: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">
functie build() {
 var input = document.createElement("input");
 var style=this.currentStyle;
 input.setAttribute("id,"id);
 if(value!=null){input.setAttribute("value",value);}
 if(type!=null){input.setAttribute("type",type);}
 if(maxlength!=null){input.setAttribuut("maxlength",maxlength);}
 voor(var prop in stijl){input.style[prop]=stijl[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";
 this.outerHTML=input.outerHTML;
}
</script>
</public:htc> | window.htc: | | | --- | | **Code:** | | <public:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="title" />
<script type="text/javascript">
functie build(){window.status=this.title;}
</script>
</public:htc> | Het is grappig, hè? ![Erg gelukkig.](http://xulplanet.com/forum/images/smiles/icon_biggrin.gif) Het doel van een project als dit is niet om Internet Explorer te verhogen, maar gewoon om een klein overzicht te tonen aan anderen (die niet Mozilla Web Browser) de technologieën beschikbaar met Mozilla Framework