Mielenkiintoinen viesti Jean-Yves Cronierin saadessa Mozilla XUL:n juoksemaan Internet Explorerin sisällä

Sunday, 30 October 2005

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 Oman vanha viesti HTC:stä Mozillan sisällä, Hän osoittaa virkaan hän lähti vuonna XULPlanet-foorumi tekniikan näyttäminen saada XUL-käyttäytyminen 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)
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.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() </script> </public:htc>

Eikö olekin hassua? Hyvin onnellinen

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.