Intressant inlägg om att få Mozilla XUL kör inne Internet Explorer av Jean-Yves Cronier (Svenska (Swedish))

Intressant inlägg om att få Mozilla XUL kör inne Internet Explorer av Jean-Yves Cronier

posted on söndag, september 12, 2004 11:46

Låt crossovern fortsätta! Jean-Yves Cronier vänster en kommentar på min gammalt inlägg om HTC inuti Mozilla, pekar han på en post han lämnade i XULPlanet forum visar en teknik för att få XUL- beteende kör inne i Internet Explorer med hjälp av en enkel HTC beteende som ett slags gränssnitt lager. Detta är igen, ganska cool - och skulle vara ännu coolare om det kunde utvidgas för att tillåta fullständig översättning mellan alla IE HTC beteenden och deras XUL motsvarighet! Hur som helst, eftersom detta är postat på ett forum jag vet ingenting abot, Jag kommer att upprepa inlägget här:

Jag har reflekterat över möjligheter som erbjuds av berömda beteende HTC under IE. Jag tror att det skulle vara möjligt att tolka en liten del av specifikationer av XUL.

Ett litet prov:

Index.xul :

Kod som används för att ange de uppgifter som avses i punkt 1 i denna artikel.

<?xml version="1.0" kodning="iso-8859-1"?>
<?xml-mall type="text/css" href="xul.css" media="alla"?>
<fönster id="exempelfönster" titel="Exempel" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<etikettkontroll="some-text" värde="Skriv in någon text" />
<textruta id="some-text" värde="toto" />
<etikettkontroll="some-lösenord" värde="Ange ett lösenord" />
<textruta id="some-lösenord" type="lösenord" maxlängd="8" />
<menylisteetikett="Bus">
<menypopup>
<menuitetsetikett = "Car" />
<menuitetsetikett = "Taxi" />
<menytitemetikett="Bus" vald="true"/>
<Menuitetsetikett = "Tåg" />
</menupopup>
</menulist Ordförande>
</fönster>

xul.css :

| | | --- | | Kod som används för att ange de uppgifter som avses i punkt 1 i denna artikel. | Etikett {behavior:url( label.htc)}
menuitem {behavior:url(menuitem.htc)}
menylista {behavior:url(menulist.htc)}
menupopup {behavior:url(menupopup.htc)}
Textruta {beteende:url(textruta.htc)}
fönster {beteende:url( window.htc)}

etikett.htc :


Kod som används för att ange de uppgifter som avses i punkt 1 i denna artikel.
<offentlig: htc urn="fönster"> <offentlig:attach event="på dokumentklar" hanterare="bygga" /> <offentligt: egendom namn="värde" /> <skripttyp="text/javascript"> function build() {this.innerHTML=this. value;} </skrift> </offentligt: htc>

menuitem.htc :

Kod som används för att ange de uppgifter som avses i punkt 1 i denna artikel.

<offentlig: htc urn="fönster">
<offentlig:attach event="på dokumentklar" hanterare="bygga" />
<offentligt: egendom namn="id" />
<offentligt: egendom namn="märke" />
<offentligt: egendom namn="värde" />
<skripttyp="text/javascript">
function build() {
Var alternativ = document.createElement("option").
var style=this.currentStyle;
option.setAttribute("id",id).
Om (detta.id!=null) {alternativ.SetAttribute("id", detta.id);}
Om( this. value!=null) {option.setAttribute("värde", detta. value);}
Om( label!=null)
för (var prop i stil) {option. stil[prop]=stil[rekvisita];}
Detta.outerHTML=option.outerHTML;
}
</skrift>
</offentligt: htc>

menylista.htc :

Kod som används för att ange de uppgifter som avses i punkt 1 i denna artikel.

<offentlig: htc urn="fönster">
<offentlig:attach event="på dokumentklar" hanterare="bygga" />
<offentligt: egendom namn="id" />
<skripttyp="text/javascript">
function build() {
Var välj = document.createElement("select");
var style=this.currentStyle;
select.setAttribute("id",id),
Om (id!=null) {
select.setAttribute("id",this.id).
select.setAttribute("namn", detta.id).
}
select.innerHTML=this.innerHTML;
för (var prop i stil) {
select.style[prop]=stil[För fordon av kategorierna M1 och N1 ska följande villkor vara uppfyllda:
}
Select.style.width="100 %".
Detta.outerHTML=select.outerHTML;
}
</skrift>
</offentligt: htc>

menupopup.htc :

Kod som används för att ange de uppgifter som avses i punkt 1 i denna artikel.

<offentlig: htc urn="fönster">
<offentlig:attach event="på dokumentklar" hanterare="bygga" />
<offentligt: egendom namn="id" />
<offentligt: egendom namn="märke" />
<offentligt: egendom namn="värde" />
<skripttyp="text/javascript">
function build() {
Var optgroup = document.createElement("optgroup").
var style=this.currentStyle;
Om (detta.id.=null) {optgroup.setAttribute("id", detta.id);}
Om (detta. etikett!=null) {optgroup.innerHTML= this. label;}
optgroup.innerHTML=this.innerHTML;
för (var prop i stil) {optgroup.style[prop]=stil[rekvisita];}
Detta.outerHTML=optgroup.outerHTML;
}
</skrift>
</offentligt: htc>

Textruta.htc :

Kod som används för att ange de uppgifter som avses i punkt 1 i denna artikel.

<offentlig: htc urn="fönster">
<offentlig:attach event="på dokumentklar" hanterare="bygga" />
<offentligt: egendom namn="id" />
<offentligt: egendom namn="värde" />
<offentligt: egendom namn="type" />
<offentligt: egendom namn="maxlängd" />
<skripttyp="text/javascript">
function build() {
var indata = document.createElement("inmatning").
var style=this.currentStyle;
Inmatning.setAttribute("id",id).
Om( value!=null) {input.setAttribute("värde",värde);}
Om( type!=null) {input.setAttribute("type",type);}
Om(maxlängd!=null) {ingång.setAttribute("maxlängd",maxlängd);}
för (var prop i stil) {input.style[prop]=stil[rekvisita];}
Input.style.width="100 %".
Input.style.cursor="text".
Input.style.borderStyle="ingång".
Input.style.borderColor="ActiveBorder".
Input.style.borderWidth="2px".
Input.style.backgroundColor="#FFFFFF".
Input.style.paddingLeft="2px".
Detta.outerHTML=input.outerHTML;
}
</skrift>
</offentligt: htc>

Fönster.htc :


Kod som används för att ange de uppgifter som avses i punkt 1 i denna artikel.
<offentlig: htc urn="fönster"> <offentlig:attach event="på dokumentklar" hanterare="bygga" /> <offentligt: egendom namn="titel" /> <skripttyp="text/javascript"> funktionsbuild() </skrift> </offentligt: htc>

Det är lustigt, eller hur? Mycket lycklig

Målet med ett projekt som detta på är inte att höja Internet Explorer men bara att visa en liten översikt för andra (som inte har Mozilla webbläsare) de tekniker som finns med Mozilla Framework