Changes

Jump to: navigation, search

XUL

3,222 bytes added, 12:21, 6 October 2006
no edit summary
=Description=
XUL which is pronounced zool stands for <b>X</b>ML <b>U</b>ser Interface <b>L</b>anguage is a Mark-up language used primarily in Mozilla applications. XUL is used to define what the user interface will look like such as buttons and other widgets but it is not used to define how those item will look.
 
=Discussion=
XUL is an [http://en.wikipedia.org/wiki/Xml XML] based language and thus has a similiar set of advantages. One of the biggest being that it that its completly cross-platform. It accomplishes this by defining the locations and type of each widget but not defining what it will look like. Because of this the user-interface will use the systems native componets to build the GUI and thus looks like a native application. XUL also allows for the insertion of other XML languages into it such as [http://en.wikipedia.org/wiki/Xhtml XHTML], [http://en.wikipedia.org/wiki/MathML MathML] and [http://en.wikipedia.org/wiki/Svg SVG]. Also because of its structure all the GUI componets and tezt is localized which makes it easy translate into other languages.
 
Currently, an application named [[XULRunner]] is being developed to offer a runtime environment for XUL applications.
 
==Common Usages==
* Chrome
* Firefox Extension's GUI
 
==Supported Technologies==
* HTML 4.0 and XHTML
* CSS2 and some of CSS3
* DOM2 and some of DOM3
* XML
* MathML
* RDF
* XSLT
* XPath
* Simple XLinks
* XPointer
* XML Base
* FIXPtr
* XML-RPC
* SOAP (Simple Object Access Protocol)
* WSDL (Web Services Description Language)
* ECMAScript/Javascript
* XBL (eXtensible Bindings Language)
* GIF, JPG, PNG, BMP, ICO images
* HTTP 1.1
 
==Technical Details (Technologies XUL relies on)==
===eXtensible Bindings Language ([[XBL]])===
* Allows for additional, custom tags
* Can provide new event handlers and methods for existing elements
 
===Overlays===
* Used to customize applications
* Gets around NPL & MPL licensing
 
===[[XPCOM]]===
* A means of calling upon the underyling C/C++ libraries for heavylifting
===XPInstall===
* Provides an install tool for distributing XUL applications
=DescriptionSample Code=XUL which <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin" type="text/css" ?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is pronounced zool stands for .only.xul" align="center" pack="center"> <bdescription>XIs XUL cool or what?</bdescription>ML <bradiogroup>U <radio id="yes" selected="true" label="Yes!"/b>ser Interface <bradio id="no" label="No wai"/>L </bradiogroup>anguage <button id="dpsbutton" label="DPS909 is fun" /> </window>Paste the above sample code inside your favourite editor and save it with a Mark-up language used primarily file extension of .XUL. Open the file in a Mozilla applications. It allows for the creation of feature rich visually appealing cross platform applications -based browser to be easily created and maintained for online or offline useview it.
=Discussion=XUL * Line 1: Declares that it is an [httpXML file* Line 2:Used to reference the stylesheets. In this case, the global//enskin chrome directories' default global.css file is used.wikipediaglobal.org/wiki/Xml XML] language and thus has css is used to declare all of the advantages of inserting other XML languages into it such as [httpXUL elements.* Line 3://en.wikipedia.org/wiki/Xhtml XHTML]Describes a new window to be drawn, [using the namespace http://enwww.wikipediamozilla.org/wikikeymaster/MathML MathML] and [http:gatekeeper//enthere.is.wikipediaonly.org/wiki/Svg SVG]xul. Also because All children of its localized structure it this window are XUL.* Line 5: Description tag is like a label, but can be easily translated into other languageswrap many lines.* Lines 6-9: Describes a radio button group.* Line 10: Draws a button.
XUL is commonly used =Example Applications=*[http://faser.net/mab/chrome/content/mab.xul Mozilla Amazon Browser (MAB)] - Rich web application that allows for creating feature rich widgets searching of Amazon's content across their 6 websites (US, Canada, UK, Japan, Germany and userFrance). Can be used through the web or [http://faser.net/mab/download/mab-interfaces such as:142.zip downloaded] to the desktop. * textboxes and inputs * Toolbars and buttons * navigation menus * Tabbed windowing systems * Keyboard Mnunomics and input handling[http://www.hevanet.com/acorbin/xul/top.xul XUL Periodic Table] - Demonstrates many of the visual capabilities of XUL.
=Newsgroups, Mailinglists, IRC Channels=
*[news://news.mozilla.org/mozilla.dev.tech.xul mozilla.dev.tech.xul newsgroup] (alternatively, use [http://groups.google.com/group/mozilla.dev.tech.xul Google Groups])
*[https://lists.mozilla.org/listinfo/dev-tech-xul dev-tech-xul mailinglist] (manually use [mailto:dev-tech-xul@lists.mozilla.org dev-tech-xul@lists.mozilla.org])
*[irc://irc.mozilla.org/#xul #xul on irc.mozilla.org]
=resources, tutorials, examples, etcResources=*[http://www.mozilla.org/xpfe/xulref/ XUL Programmers RefrenceReference]
*[http://www.mozilla.org/projects/xul/xul.html XUL 1.0 Specification]
*[http://www.xulplanet.com/tutorials/xultu/ XUL tutorial] =Examples=*[http://wiki.mozilla.org/XUL XUL new features and enhancements]
Dwwoodsi
1
edit
Retrieved from "https://wiki.cdot.senecapolytechnic.ca/wiki/Special:MobileDiff/4470...4888"

Navigation menu