This is a viewer only at the moment see the article on how this works.
To update the preview hit Ctrl-Alt-R (or ⌘-Alt-R on Mac) or Enter to refresh. The Save icon lets you save the markdown file to disk
This is a preview from the server running through my markdig pipeline
Interessant post over Mozilla XUL laten draaien in Internet Explorer door Jean-Yves Cronier
Sunday, 30 October 2005
Interessant post over Mozilla XUL laten draaien in Internet Explorer door Jean-Yves Cronier
Gepost op zondag, september 12, 2004 |
Laat de overgang doorgaan! Jean-Yves Cronier links Een commentaar op mijn website. oude post over HTC in Mozilla, wijst hij op een post die hij achterliet. XULPlanet forum Ze tonen een techniek om te krijgen. XUL gedragingen running in Internet Explorer met een eenvoudig HTC-gedrag als een soort interfacelaag. Dit is nogmaals, behoorlijk cool M SK2 en zou nog cooler zijn als het uitgebreid kon worden om volledige vertaling tussen alle IE-HTC-gevallen en hun XUL-equivalent te laten toepassenMST3 Hoe dan ookM ST4 aangezien dit op een forum is gepost, weet ik niets abotMst5 IkMSt6 zal de post hier herhalenM st7
Ik heb nagedacht over de mogelijkheden van het beroemde HTC-gedrag onder IE.
Een klein monster:
index.xul :
| Kode: |
| <?xml-versie="1.0" encodering ="isoM SK3> <?xml-stijlblad-type ="textM SK3cssMSC4 hrefMST5xulM ST6csSM st7 mediaMst8allemMSt9> <window id="exampleM SK1window" titleMSC3ExampleMST4 xmlnsM ST5httpMst6wwwMSt7mozillaM st8orgM St9keymasterMstr10gatekeeperM Str11thereM str12isMrt13onlyMt14xulMtt15> <Etiket-controle="soms-letters "waardeM SK3Einvoer een paar tekstenMSC4> <textbox id="some-textM SK2valueMST3totoMst4> <label control="some-passwordM SK2value ="Enter a passwordMSC4> <textbox id="soms-paswoord "typeM SK3passwoordMSC4maximale lengteMska5> <wrotet label="Bus"> <menu-opspring> <menuitem label="Car"/> <menuitem label="Taxi"/> <menuitem label="Bus" gekoseM SK2true "/> <menuitem label="Train"/> </menu-opspring> </menulist> </window> |
xul.css :
| Kode: |
| label menuitem{gedrag :url(menuitem≥.htcM SK4 wrotet{gedrag menupopup{gedrag :url(menupopup≥.htcM SK4 textbox{gedrag:urlM SK2textbox .htcMSC4 window{gedrag:urlMSC2windowM SK3htcMST4 MST5 |
label.htc :
| Kode: |
| <Publiek:htc urn="windowM SK2> <Publiek:aanhanging van gebeurtenis="op documentreadyM SK2handteerder ="bouwenMST4 Mst5> <Publiek:eigendomsnaam="waarde " M SK3> <Skrip-type="text/javascriptM SK2> Function build(){thisM SK1innerHTML=this.value </script> </publiek:htc> |
menuitem.htc :
| Kode: |
| <Publiek:htc urn="windowM SK2> <Publiek:aanhanging van gebeurtenis="op documentreadyM SK2handteerder ="bouwenMST4 Mst5> <Publiek:eigendomsnaam="idM SK2 /> <Publiek:eigendomsnaam="labelM SK2 /> <Publiek:eigendomsnaam="waarde " M SK3> <Skrip-type="text/javascriptM SK2> Funktie bouwen() { varieer optie = document.createElementM SK2optie "); Var style=thisM SK1currentStyle; optie.setAttribute("idM SK2id≥); Als(hier.idMSC2nullM SK3optieMST4setAttributenMst5id+MST6hier\MST7id=MST8 Als(hier.waardeM SK2nullMSC3optieMST4setAttributenMst5waarde Als(label!=nullM SK2optieMSC3innerHTMLMST4label voor(var prop in stijl){optieM SK2stijl[prop]=stijl[prop];} Dit.outerHTML=opsieM SK2outershtml ; } </script> </publiek:htc> |
wrotet.htc :
| Kode: |
| <Publiek:htc urn="windowM SK2> <Publiek:aanhanging van gebeurtenis="op documentreadyM SK2handteerder ="bouwenMST4 Mst5> <Publiek:eigendomsnaam="idM SK2 /> <Skrip-type="text/javascriptM SK2> Funktie bouwen() { var select = documentM SK1createElement("selectMSC3 Var style=thisM SK1currentStyle; Kies.setAttribute("idM SK2id≥); Als(id!=nullM SK2 Kies.setAttributeM SK1id",thisMSC3id); Kies.setAttributeM SK1name",thisMST3idMSC4 } Kies.innerHTML=thisM SK2inerHTML ; voor(var prop in stijl){ select.style[prop]=stijl[prop]; } select.style.breedteM SK2 Dit.uiterHTML=kiesM SK2uitserHTML ; } </script> </publiek:htc> |
menupopup.htc :
| Kode: |
| <Publiek:htc urn="windowM SK2> <Publiek:aanhanging van gebeurtenis="op documentreadyM SK2handteerder ="bouwenMST4 Mst5> <Publiek:eigendomsnaam="idM SK2 /> <Publiek:eigendomsnaam="labelM SK2 /> <Publiek:eigendomsnaam="waarde " M SK3> <Skrip-type="text/javascriptM SK2> Funktie bouwen() { var oproepgroep = document.createElementM SK2oproepgroep "); Var style=thisM SK1currentStyle; Als(hierM SK1id!=nullMSL3optgroepMsl4setAttributenMSR5IDMLS6hier\MSL7id\MLS8 Als(hierM SK1label!=nullMST3optgroepM ST4innerHTMLMst5hier\MST6label\Mst7 optgroep.innerHTML=thisM SK2inerHTML ; voor(var prop in stijl){optgroepM SK2stijl[prop]=stijl[prop];} Dit.outerHTML=optgroepM SK2outershtml ; } </script> </publiek:htc> |
textbox.htc :
| Kode: |
| <Publiek:htc urn="windowM SK2> <Publiek:aanhanging van gebeurtenis="op documentreadyM SK2handteerder ="bouwenMST4 Mst5> <Publiek:eigendomsnaam="idM SK2 /> <Publiek:eigendomsnaam="waarde " M SK3> <Publiek:eigendomsnaam="type " M SK3> <Publiek:eigendomsnaam="maxlengteM SK2 /> <Skrip-type="text/javascriptM SK2> Funktie bouwen() { var input = document.createElementM SK2inputMSC3 Var style=thisM SK1currentStyle; Invoer.setAttribute("idM SK2id≥); Als(waardeM SK1null){inputMSC3setAttributen ("waarde Als(type!=nullMSC2inputM SK3setAttributen ("type Als(maxiele lengte!=nullM SK2input .setAttributen voor(var prop in stijl){inputM SK2stijl[prop]=stijl[prop];} Invoer.stijl.breedteM SK2 input.style.cursorM SK2textMSC3 input.style.borderStyleM SK2insetMSC3 input.style.borderColorMSC2ActiveBorderM SK3 input.style.borderWidth ="2pxM SK3 input.style.backgroundColor ="#FFFFFFM SK3 input.style.paddingLeftMSC2pxM SK3 Dit.outerHTMLM SK1input.outderHTML ; } </script> </publiek:htc> |
window.htc :
| Kode: |
| <Publiek:htc urn="windowM SK2> <Publiek:aanhanging van gebeurtenis="op documentreadyM SK2handteerder ="bouwenMST4 Mst5> <Publiek:eigendomsnaam ="titel" M SK3> <Skrip-type="text/javascriptM SK2> Function build(){windowM SK1status=this .titleMSC4 </script> </publiek:htc> |
Het is grappig. Is het niet grappig? 
Het doel van dit soort project is niet om Internet Explorer te laten stijgen, maar alleen om een kleine overzicht te geven aan anderen: (, die geen Mozilla Webbrowser hebben, ' en ), de technologieën die beschikbaar zijn met Mozilla Framework.