Back to "Interessante post su come Mozilla XUL in esecuzione all'interno di Internet Explorer di Jean-Yves Cronier"

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

Imported mostlylucidcouk

Interessante post su come Mozilla XUL in esecuzione all'interno di Internet Explorer di Jean-Yves Cronier

Sunday, 30 October 2005

Interessante post su come Mozilla XUL in esecuzione all'interno di Internet Explorer di Jean-Yves Cronier

pubblicato il Domenica, 12 settembre 2004 11:46

Lasciate che il crossover continui! Jean-Yves Cronier a sinistra un commento sul mio vecchio post su HTC all'interno di Mozilla, indica un posto che ha lasciato nel Forum XULPlanet mostrando una tecnica per ottenere Comportamenti XUL esecuzione all'interno di Internet Explorer utilizzando un semplice comportamento HTC come una sorta di livello di interfaccia. Questo è di nuovo, piuttosto cool - e sarebbe ancora più fresco se potrebbe essere esteso per consentire la traduzione completa tra tutti i comportamenti IE HTC e il loro equivalente XUL! Comunque, dal momento che questo è pubblicato su un forum non so nulla di abot, ripeterò il post qui:

Ho riflettuto sulle possibilità offerte dal comportamento famoso HTC sotto IE. Penso che sarebbe forse possibile interpretare una piccola parte delle specifiche di XUL.

Un piccolo campione:

index.xul:
Codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/css" href="xul.css" media="all"?>
<window id="example-window" title="Example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<label control="some-text" value="Inserisci un po' di testo"/>
<textbox id="some-text" value="toto"/>
<label control="some-password" value="Inserisci una password"/>
<casella di testo id="some-password" type="password" maxlength="8"/>
<etichetta menulista "Bus">
  <menupopupCity name (optional, probably does not need a translation)>
    <menuitem label="Car"/>
    <menuitem label="Taxi"/>
    <menuitem label="Bus" select="true"/>
    <menuitem label="Train"/>
  </menupop>
</menulist>
</finestra>

xul.css:
Codice:
label{comportamento:url(label.htc)}
menuitem{comportamento:url(menuitem.htc)}
menulista{comportamento:url(menulist.htc)}
menupopup{comportamento:url(menupop.htc)}
textbox{comportamento:url(textbox.htc)}
window{comportamento:url(window.htc)}

label.htc:
Codice:
<pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="value" />
<script type="text/javascript">
function build()
</script>
</public:htc>

menuitem.htc:
Codice:
<pubblico: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">
function build() {
 var option = document.createElement("option");
 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)
 for(var prop in style){option.style[prop]=stile[prop];}
 this.outerHTML=option.outerHTML;
}
</script>
</public:htc>

menulist.htc:
Codice:
<pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="id" />
<script type="text/javascript">
function build() {
 var select = document.createElement("select");
 var style=this.currentStyle;
 select.setAttribute("id,"id);
 if(id!=null){
 select.setAttribute("id,"this.id);
 select.setAttribute("name,"this.id);
   }
 select.innerHTML=this.innerHTML;
 for(var prop in style){
 select.style[prop]=stile[prop];
   }
 select.style.width="100%";
 this.outerHTML=select.outerHTML;
}
</script>
</public:htc>

menupopup.htc:
Codice:
<pubblico: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">
function build() {
 var optgroup = document.createElement("optgroup");
 var style=this.currentStyle;
 if(this.id!=null){optgroup.setAttributo("id,"this.id);}
 if(this.label!=null)
 optgroup.innerHTML=this.innerHTML;
 for(var prop in style){optgroup.style[prop]=stile[prop];}
 this.outerHTML=optgroup.outerHTML;
}
</script>
</public:htc>

textbox.htc :
Codice:
<pubblico: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">
function build() {
 var input = document.createElement("input");
 var style=this.currentStyle;
 input.setAttributo("id,"id);
 if(value!=null){input.setAttributo("value,"value);}
 if(type!=null){input.setAttributo("type," type);}
 if(maxlength!=null){input.setAttributo("maxlength,"maxlength);}
 for(var prop in style){input.style[prop]=stile[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";
 Questo.outerHTML=input.outerHTML;
}
</script>
</public:htc>

window.htc:
Codice:
<pubblico:htc urn="window">
<public:attach event="ondocumentready" handler="build" />
<public:property name="title" />
<script type="text/javascript">
function build()
</script>
</public:htc>

E' divertente, vero? Molto felice

L'obiettivo di un progetto come questo non è quello di aumentare Internet Explorer, ma solo di mostrare una piccola panoramica ad altri (che non hanno Mozilla Web Browser) le tecnologie disponibili con Mozilla Framework

logo

© 2026 Scott Galloway — Unlicense — All content and source code on this site is free to use, copy, modify, and sell.