XUL(XML User Interface Language) 개발

                    
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<xul:window id="xulblogger" title="Create Blog Entry" orient="horizontal"
  align="start" xmlns="http://www.w3.org/1999/xhtml"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <xul:script src="blog.js"/>
  <xul:script src="json.js"/>
  <xul:vbox>
    <xul:hbox>
      <xul:label value="Name of entry"/>
      <xul:textbox id="name" multiline="false" cols="70"/>
    </xul:hbox>
    <xul:textbox id="entry" multiline="true" rows="20" cols="80"/>
    <xul:hbox>
      <xul:label value="Tags"/>
      <xul:textbox id="tags" cols="80" multiline="false"/>
      <xul:button id="saveBtn" class="btnClass" label="Save" />
      <xul:button id="previewBtn" label="Preview" onclick="preview()"/>
    </xul:hbox>
    <div id="preview"></div>
  </xul:vbox>
  <xul:script>read();</xul:script>
</xul:window>

                    
function preview(){
     document.getElementById("preview").innerHTML = 
          document.getElementById("entry").value;
}

                    
function save() {
     try {
          netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
     } catch (e) {
          alert("Permission to save file was denied.");
     }
     var file = Components.classes["@mozilla.org/file/local;1"]
          .createInstance(Components.interfaces.nsILocalFile);
     file.initWithPath( savefile );
     if ( file.exists() == false ) {
          file.create( Components.interfaces.nsIFile.NORMAL_FILE_TYPE, 420 );
     }
     var outputStream = Components.classes["@mozilla.org/network/file-output-stream;1"]
          .createInstance( Components.interfaces.nsIFileOutputStream );
     /* Open 플래그
     #define PR_RDONLY       0x01
     #define PR_WRONLY       0x02
     #define PR_RDWR         0x04
     #define PR_CREATE_FILE  0x08
     #define PR_APPEND      0x10
     #define PR_TRUNCATE     0x20
     #define PR_SYNC         0x40
     #define PR_EXCL         0x80
     */
     /*
     ** 파일 모드 ....
     **
     ** 주의: 'mode'는 현재 유닉스 플랫폼에만 적용이 가능하다.
     ** 다른 플랫폼에서 PR_Open에 넘어가는 'mode' 인수는 무시될지도 모른다.
     **
     **   00400   소유주 읽기
     **   00200   소유주 쓰기
     **   00100   소유수 수행(디렉터리라면 탐색)
     **   00040   그룹 읽기
     **   00020   그룹 쓰기
     **   00010   그룹 수행
     **   00004   다른 사람 읽기
     **   00002   다른 사람 쓰기
     **   00001   다른 사람 수행
     **
     */
     outputStream.init( file, 0x04 | 0x08 | 0x20, 420, 0 );
     //var output = document.getElementById('blog').value;
     var output = serialize();
     var result = outputStream.write( output, output.length );
     outputStream.close();

}

                    
function serialize(){
     var name = document.getElementById("name").value;
     var entry = document.getElementById("entry").value;
     var tags = document.getElementById("tags").value;
     var obj = { "name" : name, "entry" : entry, "tags" : tags"};
     var str = obj.toJSONString();
     return str;
}

                    
var savefile = "blogentry.txt";

try {
     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
     alert("Permission to save file was denied.");
}
// 사용자 홈 (프로파일) 디렉터리에 대한 경로를 얻는다.
const DIR_SERVICE = new Components.Constructor("@mozilla.org/file/
                                        directory_service;1","nsIProperties");
try { 
     path=(new DIR_SERVICE()).get("ProfD", Components.interfaces.nsIFile).path; 
} catch (e) {
     alert("error");
}
// 파일 구분자 결정
if (path.search(/\\/) != -1) {
     path = path + "\\";
} else {
     path = path + "/";
}
savefile = path+savefile;

                    
function read() {
     try {
          netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
     } catch (e) {
          alert("Permission to read file was denied.");
     }
     var file = Components.classes["@mozilla.org/file/local;1"]
          .createInstance(Components.interfaces.nsILocalFile);
     file.initWithPath( savefile );
     if ( file.exists() == false ) {
          alert("File does not exist");
     }
     var is = Components.classes["@mozilla.org/network/file-input-stream;1"]
          .createInstance( Components.interfaces.nsIFileInputStream );
     is.init( file,0x01, 00004, null);
     var sis = Components.classes["@mozilla.org/scriptableinputstream;1"]
          .createInstance( Components.interfaces.nsIScriptableInputStream );
     sis.init( is );
     var output = sis.read( sis.available() );
     deserialize(output);
}

                    
function deserialize(input){
     var obj = input.parseJSON();
     document.getElementById("name").value = obj.name;
     document.getElementById("entry").value = obj.entry;
     document.getElementById("tags").value = obj.tags;
}

                    
var xhr = new XMLHttpRequest();
function publish(){
     var url = "http://some.blogService.com/sendBlog"; // 당연히 변경해야 한다
     var serializedEntry = serialize();
     xhr.onreadystatechange = processResponse;
     xhr.open("POST", url, true);
      xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
     // 인증 헤더와 매개변수 설정
     // 요청 전송
     xhr.send(serializedEntry);
}

function processResponse(){
     // check for readyState == 'loaded'
     if (xhr.readyState == 4){
          if (xhr.status == 200){
               alert("Your blog entry was published!");
          } else {
               alert("Sorry there was an error");
          }
     }
}