<html>
<head>
<title>Chuyen doi chu VIET online</title>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
body     { font-family: Verdana,Arial; font-size: 10pt; }
textarea { font-family: Verdana,Arial; font-size: 10pt; }
input    { font-family: Verdana,Arial; font-size: 9pt; font-weight:bold; border-width:1;}
select   { font-family: Verdana,Arial; font-size: 10pt; }
td     { font-family: Verdana,Arial; font-size: 10pt; }
.bold    { font-family: Verdana,Arial; font-size: 8pt;}
.disabled { font-family: Verdana,Arial; color:#A0A0A0}
//-->
</style>

<script language="JavaScript1.2" src="js/vietuni.js" type='text/javascript'></script>
<script language="JavaScript1.2" src="js/vumods.js" type='text/javascript'></script>
<script language="JavaScript1.2" src="js/vumaps.js" type='text/javascript'></script>
<script language="JavaScript1.2" src="js/vumaps2.js" type='text/javascript'></script>

<SCRIPT>
function replaceAll(str)
{
    return str.replace(/\n/gi, "\n\n");
}

function getSelectedText()
{
   if(document.selection.createRange().text!="")
   {
        var s=replaceAll(document.selection.createRange().text);
        document.getElementById('t1').value=document.getElementById('t1').value.replace(document.selection.createRange().text,s);
   }
}

function getFonts()
{
   var nFontLen = dlgHelper.fonts.count;
   var rgFonts = new Array();

   for ( var i = 1; i < nFontLen + 1; i++ )
   {
      rgFonts[i] = dlgHelper.fonts(i);
   }
   rgFonts.sort();

   for ( var j = 0; j < nFontLen; j++ )
   {
        var item=document.createElement('option');
        item.value=rgFonts[j];
        item.appendChild(document.createTextNode(rgFonts[j]));
        if(rgFonts[j]=='Arial')
        {
            item.selected='selected';
        }
        document.getElementById('FontSet').appendChild(item);
   }
}

function changeFont(font)
{
    document.getElementById('t1').style.fontFamily=font;
}

function changeSize(size)
{
    document.getElementById('t1').style.fontSize=size;
}

function getSize()
{
   for ( var j = 6; j < 201; j++ )
   {
        var item=document.createElement('option');
        item.value=j;
        item.appendChild(document.createTextNode(j));
        if(j==13)
        {
            item.selected='selected';
        }
        document.getElementById('FontSize').appendChild(item);
   }
}
function initVU (form) {

  for (var i=1; i<maps.length; i++) {
    var mstr = maps.names[i];
    var sel = (i==1);
    form.curmap.options[i-1] = new Option(mstr, mstr, sel, sel);
    form.destmap.options[i-1] = new Option(mstr, mstr, sel, sel);
  }

  setTypingMode(2);
  form.TELEX.onclick= function(){ setTypingMode(1); }
  form.VNI.onclick= function(){ setTypingMode(2); }
  form.VIQR.onclick= function(){ setTypingMode(3); }
  form.LOAN.onclick= function(){ setTypingMode(4); }
  form.OFF.onclick= function(){ setTypingMode(0); }

  form.onclick= function(){
    this.spella.disabled = !(this.TELEX.checked || this.LOAN.checked);
    return true;
  }
  form.checkAccent.onclick= function(){
    convertAtOnce(this.form.vArea);
    return true;
  }
  form.spella.onclick= function(){
    loadSpellA(this.checked);
    return true;
  }
  form.spellb.onclick= function(){
    loadSpellB(this.form.vArea);
    return true;
  }
  form.replace.onclick= function(){
    loadSpellB(this.form.vArea, 1);
    return true;
  }
  form.curmap.onclick= function() {
    setCharMap(this.options[this.options.selectedIndex].value);
    return true;
  }
  form.detectEnc.onclick= function(){
    var id= detectMap(this.form.vArea);
    if (id) this.form.curmap.options[id-1].selected=true; 
    return true;
  }
  form.convertTo.onclick= function() {  
    var sel = this.form.destmap.options.selectedIndex;
    var destID= this.form.destmap.options[sel].value;
    var converted= convertTo(this.form.vArea, destID);
    if (!converted) return true;
    this.form.curmap.options[sel].selected=true;
    setCharMap(destID);
    return true;
  }
  form.xoa.onclick= function() {
    this.form.reset();
    setTypingMode(1);
    setCharMap("UNICODE");
  }
  form.toUni.onclick= function() {
    if (!convertArea(this.form.vArea, "UNICODE")) {
      return alert("Sorry, VietUni kho^ng xa'c ddi.nh duoc ma dung trong ba`i");
    }
    this.form.curmap.options[0].selected=true;
    setCharMap("UNICODE");
    return true;
  }                                    
  form.correction.onclick= function() {
    correctArea(this.form.vArea);
    return true;
  }
  form.preview.onclick= function() {
    preview(this.form.vArea);
    return true;
  }
  form.save.onclick= function() {
    saveFile(this.form.vArea);
    return true;
  }

  return true;
}


function preview(txtarea) {
  var win = open("");
  if (!win || !txtarea) return;
  if (!txtarea.form.curmap.options[0].selected) { win.document.charset= "iso-8859-1"; }
  var closebutton= "<p><center><a href='javascript:close();'><b>[close]</b></a></center>"
  win.document.open();
  win.document.write(txtarea.value+ closebutton);
  win.document.close();
}

function saveFile(txtarea) {
  if (!document.all) {
    alert("Xin lo^~i, tri`nh duye^.t web cu?a ba.n kho^ng cho phe'p thu+.c hie^.n thao ta'c na`y...");
    return;
  }
  var win = open("", "", "resizable=no,width=500,height=300");
  if (!txtarea.form.curmap.options[0].selected) { win.document.charset= "iso-8859-1"; }
  win.document.body.innerText = txtarea.value;
  win.document.execCommand("SaveAs", null, "vietunidoc.txt");
  win.close();
}

</SCRIPT>  

</head> 


<!-- ******************************************* -->


<body  onload="initVU(document.myForm)+getFonts()+getSize();" topmargin="0" leftmargin="0" background="images/bgr.gif" vlink="#0000FF">
<object id="dlgHelper" 
        classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" 
        width="0px" 
        height="0px">
</object>
<form name="myForm" method="POST" action="none" id="f1">
<div align="center">
  <center>
<table width="778" bgcolor="#AAD7FF" cellpadding=0 cellspacing="0" bordercolorlight="#000000" bordercolordark="#000000" style="border-collapse: collapse" bordercolor="#111111">
  <tr>
    <td width="100%" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: solid; border-top-width: 1">
    
    <img border="0" src="images/top01.gif" width="310" height="80"><img border="0" src="images/top02.gif" width="468" height="80"></a></td>
  </tr>
<caption>

</caption>

<tr>
  <td background="images/brg.jpg" style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-bottom-style: solid; border-bottom-width: 1">
<div align="center">
  <center><table cellpadding='0' cellspacing='0' style="border-collapse: collapse" bordercolor="#111111">
<tr><td colspan=4>
  <textarea id="t1" name="vArea" rows="20" cols="82"; font-family:Arial;font-size:13px; onkeyup="initTyper(this);"></textarea>
</td></tr>
<tr >
  <td class="bold" colspan='4'>
  <input type=radio name="switch" id="TELEX" value="TELEX" checked>Ki&#7875;u TELEX &nbsp;
  <input type=checkbox name="spella" value="ON"> Ki&#7875;m tra chính t&#7843; và t&#7921; 
  &#273;&#7897;ng s&#7917;a l&#7841;i t&#7915; ti&#7871;ng Anh b&#7883; l&#7895;i
  &nbsp; <a href="http://download.vietkey.net/vietkey/vkosetup.exe">T&#7843;i b&#7897; chuy&#7875;n 
  &#273;&#7893;i  Office</a></td>
</tr>
<tr>
  <td class="bold" >
  <input type=radio name="switch" id="VNI" value="VNI" checked>Ki&#7875;u VNI<br>
  <input type=radio name="switch" id="VIQR" value="VIQR">Ki&#7875;u VIQR<br>
  <input type=radio name="switch" id="LOAN" value="LOAN">Ki&#7875;u Lo&#7841;n<br>
  <input type=radio name="switch" id="OFF" value="OFF">T&#7855;t b&#7897; gõ
  </td>

  <td colspan=3 valign='center'>
  <table cellspacing='1' cellpadding='2' border='0' width='100%'>

  <tr >
  <td>
  <b>&nbsp;Mã &#273;ang dùng:&nbsp;</b>
  <select name="curmap" height=15></select>
  <input type="button" value="&#272;&#7893;i sang" name="convertTo">
  <select name="destmap"></select>
  </td></tr>

  <tr >
  <td>
  <input type="button" value="Nh&#7853;n d&#7841;ng mã" name="detectEnc"> 
  <input type="button" value="Sang UNICODE" name="toUni">
  <input type="button" value="Xem th&#7917;" name="preview">
  <input type="button" value="L&#432;u vào file" name="save">
  </td></tr>

  <tr >
  <td>
  <input type="button" value="Soát d&#7845;u" name="checkAccent"> 
  <input type="button" value="S&#7917;a l&#7841;i d&#7845;u" name="correction"> 
  <input type="button" value="S&#7917;a chính t&#7843;" name="spellb">
  <input type="button" value="Tìm & s&#7917;a" name="replace"> 
  <input type="button" value="Xoá b&#7887;" name="xoa">
  </td></tr>
  <tr>
  <td>
   <input id="b1" type="button" value="Tách đoạn" onclick="javascript:t1.value=replaceAll(t1.innerText);"/><input
      id="Button1" type="button" value="Tách đoạn đã chọn" onclick="getSelectedText(t1);"/><input id="Reset1" type="reset" value="Mặc định" />
    <select id="FontSet" style="width:200px;" onchange="chan
    <select id="FontSet" style="width:116px;" onchange="chan
    <select id="FontSet" style="width:147px;" onchange="changeFont(this.value)">    
    </select>  
    <select id="FontSize" style="width:55px;" onchange="changeSize(this.value)">    
    </select> 
  </td>
  </tr>
  </table>
  </td>

</tr>
</table>
  </center>
</div>
</td></tr>
</table>
  </center>
</div>
</form>

</body>
</html>�