URDU TYPE WRITER CODE

Friday, 23 October 2015

URDU TYPE WRITER CODE

-----------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE IN POST HTML SECTION
-----------------------------------------------------------------------------------------------------------------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Urdu keyboard Online </title>
<style>
.bt {cursor:pointer; width:32pt; font-size:20pt; color:#CC0033; font-family:'Times New Roman'; }
.bta {cursor:pointer; width:38pt; font-size:20pt; color:#CC0033; font-family:'Times New Roman'; }
.btb {cursor:pointer; width:27pt; font-size:20pt; color:#CC0033; font-family:'Times New Roman'; }
.deva {font-size:12px; color:blue; }
.bf {cursor:pointer; font-size:9pt; color:#666666; }
.cadr {width:80%; font-size:22pt; color:blue; font-family:'Times New Roman'; padding:5px; scrollbar-base-color:transparent; scrollbar-track-color:transparent; }
</style>
<style>
form{
background-color: #bde9ba;
}
p{margin:0.6em 0 0.6em 0;}
#para{font-weight:bold;margin:0.6em 2% 0.6em 16%;}
#par{text-indent:40px;text-align:justify;text-justify:auto;margin:0.2em 20% 0 25%;}
#ptabl{text-indent:40px;text-align:justify;}
#pa{margin:0.6em 2% 0.6em 15%;}
#pb{margin:0.6em 2% 0.6em 25%;}
#pj{text-indent:40px;text-align:justify;}
#pas{text-indent:40px;margin:0.2em 20% 0 25%;}
#imf{float:left;width:12%;text-align:center;}
#imc{float:left;width:25%;text-align:center;}
#iml{float:left;text-align:center;font-size:80%;clear:both;}
#esp{clear:both;}
#espa{clear:both;height:100px;}
#espb{clear:both;height:4em;}
#espc{clear:both;height:18px;}
#left{float:left;}
#lefti{float:left;margin:10px 2% 8px 14%;text-align:center;font-size:80%;clear:both;}
#top{float:left;padding-right:4px;}
#top p{text-indent:30px;color:#0000CC;font-family:Times New Roman;margin:0 0;}
#tob{float:right;}
a{color:#330066;text-decoration:underline;}
a:hover{color:#DD0000;text-decoration:none;}
a.lien{color:#0000E6;text-decoration:none;}
a.lien:hover{color:#DD0000;text-decoration:underline;}
a.ltr{color:#0000E6;text-decoration:none;}
a.ltr:hover{color:#DD0000;text-decoration:none;background-color:#FFFF7D;}
a.lia{text-decoration:none;border-bottom:1px dotted blue;}
a.lia:hover{color:#DD0000;text-decoration:none;border-bottom:0px;}
a.in{color:#330066;text-decoration:none;}
a.in:hover{color:#DD0000;text-decoration:underline;}
.tl{color:#009900;font-size:22px;font-family:Arial;}
#st{color:#9D4098;font-weight:bolder;margin:6em 0 0.6em 20px;}
#sta{color:#9D4098;font-weight:bolder;margin:0.6em 0 0.6em 20px;}
#st a{color:#9D4098;text-decoration:none;}
#st a:hover{color:#DD0000;text-decoration:underline;}
#sta a{color:#9D4098;text-decoration:none;}
#sta a:hover{color:#DD0000;text-decoration:underline;}
.st{color:#9D4098;font-weight:bold;padding-left:20px;}
a.st{color:#9D4098;text-decoration:none;}
a.st:hover{color:#DD0000;text-decoration:underline;}
.su{color:#D9A4D7;font-weight:bold;}
a.su{color:#D9A4D7;text-decoration:none;}
a.su:hover{color:#DD0000;text-decoration:underline;}
.sv{color:#D9A4D7;font-size:120%;font-weight:normal;}
.da{color:#0000CC;font-family:Times New Roman;}
.dat{color:#0000CC;font-family:Times New Roman;padding-left:40px;}
.cr{color:#CC0033;}
.cit{color:#0000CC; font-style:italic;}
.pho{color:#669933; font-family:Lucida Sans Unicode;}
.cita{color:#0000CC; font-style:italic; font-family:Arial;}
.pho{font-family:Lucida Sans Unicode;}
.np{color:#999999;font-size:80%;}
a.npa{color:#999999;text-decoration:none;border-bottom:1px dotted #999999;}
a.npa:hover{color:#DD0000;text-decoration:none;border-bottom:0px;}
.pt{font-size:75%;}
.qr{text-indent:40px;text-align:justify;}
.bf{cursor:pointer;font-size:12px;color:#666666;}
.sub{background:url(images/puce_fb.gif) center right no-repeat;padding-right:20px;cursor:pointer;width:24px;height:16px;border-width:0 0 0 0;}
.sup{background:url(images/form.gif) center right no-repeat;cursor:pointer;border-width:0 0 0 0;}
.eff{background:url(images/effacer.png) center right no-repeat;padding-right:20px;cursor:pointer;width:24px;height:16px;border-width:0 0 0 0;}
.bo{color:#0000D7;background-color:#DFDFFF;cursor:pointer;font-size:12px;font-family:Arial;border-color:#AEAEFF;border-width:1px;}
.bo:hover{color:#DD0000;background-color:#EAEAFF;font-size:12px;font-family:Arial;border-color:#AEAEFF;border-width:1px;}
textarea{scrollbar-base-color:transparent;scrollbar-track-color:transparent;font-family:Arial;color:#5B5B5B;}
input{font-family:Arial;color:#5B5B5B;}
select{color:#330066;}
.lb{color:#0000DD;font-family:Arial;font-size:90%;background-color:#E8E8FF;cursor:pointer;margin-right:4px;padding-left:6px;padding-right:6px;border-bottom:1px solid #330066;border-right:1px solid #330066;}
a.lb{color:#0000DD;font-family:Arial;font-size:90%;background-color:#E8E8FF;cursor:pointer;text-decoration:none;margin-right:4px;padding-left:6px;padding-right:6px;border-bottom:1px solid #330066;border-right:1px solid #330066;}
a.lb:hover{color:#DD0000;background-color:#F4F400;cursor:pointer;text-decoration:none;}
a.img:hover{background-color:#F4F400;}
#del{float:left;width:14%;text-align:center;}
#delc{position:absolute;left:2%;}
#form{float:left;width:86%;white-space:nowrap;}
#form p{margin:0.3em 0 0.3em 0;}
#trada{float:left;width:50%;text-align:center;padding-right:40px;}
#tradb{float:left;white-space:nowrap;}
#dic{float:left;padding-right:35px;}
#lge{color:#009900;font-size:22px;font-family:Arial;margin:0.5em 0 0.5em 14%;}
#lge .vo{color:#00C100;font-size:22px;font-family:Arial;padding-left:100px;}
#lg{color:#009900;font-size:22px;font-family:Arial;margin:30px 0 5px 14%;}
#lg .vo{color:#00C100;font-size:22px;font-family:Arial;padding-left:100px;}
#bab{margin:0.6em 0 0.6em 14%;text-indent:-16px;}
#espi{clear:both;height:1px;}
#ca{float:left;padding-left:3px;}
#cb{float:left;padding-left:3px;}
#cc{margin:5px 50px 0 400px;color:#33CC00;font-size:26px;font-family:Comic Sans MS;text-align:center;}
#cc .sti{font-size:18px;}
#cd{position:absolute;right:10px;top:10px;text-align:right;}
#ce{position:absolute;right:10px;top:100px;text-align:right;white-space:nowrap;}
#cf{position:absolute;left:86px;top:112px;font-size:75%;}
#cfd{position:absolute;left:86px;top:122px;font-size:75%;}
.ti{color:#33CC00;font-size:26px;font-family:Comic Sans MS;text-align:center;}
#libr{margin:6em 0 0.6em 20px;}
.bulb{color:#7C00F9;}
.bulba{color:#7C00F9; padding-left:25px;}
.bulbaa{color:#7C00F9; padding-left:50px;}
.bulr{color:#9F0028;}
.bulra{color:#9F0028; padding-left:25px;}
.bulo{color:#CA5100;}
.bulf{color:#CC0033;}
.bulff{color:#C10031;}
</style>

<script>
var fbgadgets;
function transcrire() {
fbgadgets = document.conversion.saisie.value;
fbgadgets = fbgadgets.replace(/’/g, "\'");
fbgadgets = fbgadgets.replace(/a/g, "ا");
fbgadgets = fbgadgets.replace(/اا/g, "آ");
fbgadgets = fbgadgets.replace(/â/g, "آ");
fbgadgets = fbgadgets.replace(/b/g, "ب");
fbgadgets = fbgadgets.replace(/ب'/g, "پ");
fbgadgets = fbgadgets.replace(/p/g, "پ");
fbgadgets = fbgadgets.replace(/t/g, "ت");
fbgadgets = fbgadgets.replace(/ت'/g, "ث");
fbgadgets = fbgadgets.replace(/تت/g, "ٹ");
fbgadgets = fbgadgets.replace(/j/g, "ج");
fbgadgets = fbgadgets.replace(/c/g, "چ");
fbgadgets = fbgadgets.replace(/ج'/g, "چ");
fbgadgets = fbgadgets.replace(/H/g, "ح");
fbgadgets = fbgadgets.replace(/ح'/g, "خ");
fbgadgets = fbgadgets.replace(/x/g, "خ");
fbgadgets = fbgadgets.replace(/K/g, "خ");
fbgadgets = fbgadgets.replace(/d/g, "د");
fbgadgets = fbgadgets.replace(/د'/g, "ذ");
fbgadgets = fbgadgets.replace(/دد/g, "ڈ");
fbgadgets = fbgadgets.replace(/r/g, "ر");
fbgadgets = fbgadgets.replace(/z/g, "ز");
fbgadgets = fbgadgets.replace(/ر'/g, "ز");
fbgadgets = fbgadgets.replace(/ز'/g, "ژ");
fbgadgets = fbgadgets.replace(/رر/g, "ڑ");
fbgadgets = fbgadgets.replace(/s/g, "س");
fbgadgets = fbgadgets.replace(/س'/g, "ش");
fbgadgets = fbgadgets.replace(/S/g, "ص");
fbgadgets = fbgadgets.replace(/ص'/g, "ض");
fbgadgets = fbgadgets.replace(/D/g, "ض");
fbgadgets = fbgadgets.replace(/T/g, "ط");
fbgadgets = fbgadgets.replace(/ط'/g, "ظ");
fbgadgets = fbgadgets.replace(/Z/g, "ظ");
fbgadgets = fbgadgets.replace(/G/g, "ع");
fbgadgets = fbgadgets.replace(/ع'/g, "غ");
fbgadgets = fbgadgets.replace(/f/g, "ف");
fbgadgets = fbgadgets.replace(/q/g, "ق");
fbgadgets = fbgadgets.replace(/k/g, "ک");
fbgadgets = fbgadgets.replace(/ک'/g, "گ");
fbgadgets = fbgadgets.replace(/g/g, "گ");
fbgadgets = fbgadgets.replace(/l/g, "ل");
fbgadgets = fbgadgets.replace(/m/g, "م");
fbgadgets = fbgadgets.replace(/n/g, "ن");
fbgadgets = fbgadgets.replace(/N/g, "ں");
fbgadgets = fbgadgets.replace(/h/g, "ه");
fbgadgets = fbgadgets.replace(/e/g, "ے");
fbgadgets = fbgadgets.replace(/w/g, "و");
fbgadgets = fbgadgets.replace(/v/g, "و");
fbgadgets = fbgadgets.replace(/o/g, "و");
fbgadgets = fbgadgets.replace(/u/g, "و");
fbgadgets = fbgadgets.replace(/y/g, "ی");
fbgadgets = fbgadgets.replace(/i/g, "ی");
fbgadgets = fbgadgets.replace(/ی'/g, "ي");
fbgadgets = fbgadgets.replace(/-/g, "ء");
fbgadgets = fbgadgets.replace(/\?/g, "؟");
fbgadgets = fbgadgets.replace(/\;/g, "؛");
fbgadgets = fbgadgets.replace(/\,/g, "،");
fbgadgets = fbgadgets.replace(/0/g, "۰");
fbgadgets = fbgadgets.replace(/1/g, "۱");
fbgadgets = fbgadgets.replace(/2/g, "۲");
fbgadgets = fbgadgets.replace(/3/g, "۳");
fbgadgets = fbgadgets.replace(/4/g, "۴");
fbgadgets = fbgadgets.replace(/5/g, "۵");
fbgadgets = fbgadgets.replace(/6/g, "۶");
fbgadgets = fbgadgets.replace(/7/g, "۷");
fbgadgets = fbgadgets.replace(/8/g, "۸");
fbgadgets = fbgadgets.replace(/9/g, "۹");
fbgadgets = fbgadgets.replace(/\//g, "\u200b");
document.conversion.saisie.value=fbgadgets;
var obj=document.conversion.saisie;
obj.focus();
obj.scrollTop=obj.scrollHeight;
}
</script>

<script>
function alpha(item) {
var input = document.conversion.saisie;
if (document.selection) {
input.focus();
range = document.selection.createRange() ;
range.text = item ;
range.select();
}
else if (input.selectionStart || input.selectionStart == '0') {
var startPos = input.selectionStart;
var endPos = input.selectionEnd;
var cursorPos = startPos;
var scrollTop = input.scrollTop;
var baselength = 0;
input.value = input.value.substring(0, startPos)
+ item
+ input.value.substring(endPos, input.value.length);
cursorPos += item.length;
input.focus();
input.selectionStart = cursorPos;
input.selectionEnd = cursorPos;
input.scrollTop = scrollTop;
}
else {
input.value += item;
input.focus();
}
}

function copy() {
textRange=document.conversion.saisie.createTextRange();
textRange.execCommand("Copy");
textRange="";
}

var fbgadgets;
function annuler () {
fbgadgets = document.conversion.saisie.value;
fbgadgets=fbgadgets.replace(/\u200b/g, "");
document.conversion.saisie.value=fbgadgets;
}
</script>

</head>

<body>
<div align="center">

<br>
<form name="conversion">
<div id="delc"> 
<p>
<input name="button" type="button" class="eff" title="clear" onclick="reset();conversion.saisie.focus()" value="">
</p></div>
<font color="#FF3300">
<textarea name="saisie" onkeyup="transcrire()" dir="rtl" rows="4" class="cadr"></textarea>
</font> <br>
<br>
<button onClick="clear()">Clear</button>
<input name="reset" type="reset" value="Reset" class="buttonReset" />
<input type="button" class="bf" onclick="copier()" value="select">    
<input type="button" class="bf" onclick="alpha(' ')" value="space">    
<input type="button" onclick="conversion.saisie.rows=4;conversion.saisie.focus()" value="small frame" class="bf">    
<input type="button" onclick="conversion.saisie.rows=40;conversion.saisie.focus()" value="large frame" class="bf">
<br>
<br>
<table>
<tbody><tr align="center" class="deva">
<td>श</td>
<td>स</td>
<td>झ़</td>
<td>ज़</td>
<td> ड़</td>
<td>र</td>
<td>ज़ </td>
<td> ड</td>
<td>द</td>
<td>ख़</td>
<td>ह</td>
<td>च</td>
<td>ज</td>
<td>स</td>
<td> ट</td>
<td> त</td>
<td>प</td>
<td>ब</td>
<td>आ</td>
<td> </td>
</tr>
<tr align="center">
<td>sh</td>
<td>s</td>
<td>zh</td>
<td>z</td>
<td> ṛ</td>
<td>r</td>
<td>z</td>
<td>ḍ</td>
<td>d</td>
<td>x</td>
<td>H</td>
<td>c</td>
<td>j</td>
<td>s</td>
<td>ṭ</td>
<td>t</td>
<td>p</td>
<td>b</td>
<td>ā</td>
<td>a</td>
</tr>
<tr align="center">
<td><input type="button" value="ش" onclick="alpha('ش')" class="bt"></td>
<td><input type="button" value="س" onclick="alpha('س')" class="bt"></td>
<td><input type="button" value="ژ" onclick="alpha('ژ')" class="bt"></td>
<td><input type="button" value="ز" onclick="alpha('ز')" class="bt"></td>
<td><input type="button" value="ڑ" onclick="alpha('ڑ')" class="bt"></td>
<td><input type="button" value="ر" onclick="alpha('ر')" class="bt"></td>
<td><input type="button" value="ذ" onclick="alpha('ذ')" class="bt"></td>
<td><input type="button" value="ڈ" onclick="alpha('ڈ')" class="bt"></td>
<td><input type="button" value="د" onclick="alpha('د')" class="bt"></td>
<td><input type="button" value="خ" onclick="alpha('خ')" class="bt"></td>
<td><input type="button" value="ح" onclick="alpha('ح')" class="bt"></td>
<td><input type="button" value="چ" onclick="alpha('چ')" class="bt"></td>
<td><input type="button" value="ج" onclick="alpha('ج')" class="bt"></td>
<td><input type="button" value="ث" onclick="alpha('ث')" class="bt"></td>
<td><input type="button" value="ٹ" onclick="alpha('ٹ')" class="bt"></td>
<td><input type="button" value="ت" onclick="alpha('ت')" class="bt"></td>
<td><input type="button" value="پ" onclick="alpha('پ')" class="bt"></td>
<td><input type="button" value="ب" onclick="alpha('ب')" class="bt"></td>
<td><input type="button" value="آ" onclick="alpha('آ')" class="btb"></td>
<td><input type="button" value="ا" onclick="alpha('ا')" class="bt"></td>
</tr>
</tbody></table>
<br>
<table>
<tr align="center">
<td>ए</td>
<td> य</td>
<td>ह</td>
<td> व</td>
<td>ङ</td>
<td>न</td>
<td>म</td>
<td>ल</td>
<td>ग</td>
<td>क</td>
<td>क़</td>
<td> फ़</td>
<td> ग़</td>
<td> </td>
<td>ज़</td>
<td>त</td>
<td>ज़</td>
<td>स</td>
</tr>
<tr align="center">
<td>e</td>
<td>y,ī</td>
<td>h</td>
<td>v, ū</td>
<td>Ṅ</td>
<td>n</td>
<td>m</td>
<td>l</td>
<td>g</td>
<td>k</td>
<td>q</td>
<td>f</td>
<td>ğ</td>
<td>'</td>
<td>Z</td>
<td>T</td>
<td>Ż</td>
<td>S</td>
</tr>
<tr align="center">
<td><input type="button" value="ے" onclick="alpha('ے')" class="bt"></td>
<td><input type="button" value="ی" onclick="alpha('ی')" class="bt"></td>
<td><input type="button" value="ه" onclick="alpha('ه')" class="bt"></td>
<td><input type="button" value="و" onclick="alpha('و')" class="bt"></td>
<td><input type="button" class="bt" onclick="alpha('ں')" value="ں"></td>
<td><input type="button" value="ن" onclick="alpha('ن')" class="bt"></td>
<td><input type="button" value="م" onclick="alpha('م')" class="bt"></td>
<td><input type="button" value="ل" onclick="alpha('ل')" class="bt"></td>
<td><input type="button" value="گ" onclick="alpha('گ')" class="bt"></td>
<td><input type="button" value="ک" onclick="alpha('ک')" class="bt"></td>
<td><input type="button" value="ق" onclick="alpha('ق')" class="bt"></td>
<td><input type="button" value="ف" onclick="alpha('ف')" class="bt"></td>
<td><input type="button" value="غ" onclick="alpha('غ')" class="bt"></td>
<td><input type="button" value="ع" onclick="alpha('ع')" class="bt"></td>
<td><input type="button" value="ظ" onclick="alpha('ظ')" class="bt"></td>
<td><input type="button" value="ط" onclick="alpha('ط')" class="bt"></td>
<td><input type="button" value="ض" onclick="alpha('ض')" class="bt"></td>
<td><input type="button" value="ص" onclick="alpha('ص')" class="bt"></td>
</tr>
<tr align="center">
<td> </td>
<td> </td>
<td><input type="button" class="bt" onclick="alpha('ہ')" value="ہ" title="variante"></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody></table>
<table>
<tbody><tr align="center">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>a</td>
<td>u</td>
<td>i</td>
<td> </td>
</tr>
<tr align="center">
<td><input type="button" class="bt" onclick="alpha('ء')" value="ء"></td>
<td><input type="button" value="ئ" onclick="alpha('ئ')" class="bt"></td>
<td>  </td>
<td><input type="button" value="؟" onclick="alpha('؟')" class="bt"></td>
<td><input type="button" value="؛" onclick="alpha('؛')" class="bt"></td>
<td><input type="button" value="،" onclick="alpha('،')" class="bt"></td>
<td>  </td>
<td><input type="button" value="َ " onclick="alpha('َ')" class="btb" title="fathé"></td>
<td><input type="button" value="ُ " onclick="alpha('ُ')" class="btb" title="zammé"></td>
<td><input type="button" value="ِ " onclick="alpha('ِ')" class="btb" title="kasré"></td>
<td><input type="button" value="ّ " onclick="alpha('ّ')" class="btb" title="tachdid"></td>
</tr>
</tbody></table>
<br>
<table>
<tbody><tr align="center">
<td>0</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr align="center">
<td><input type="button" value="۰" onclick="alpha('۰')" class="bt"></td>
<td><input type="button" value="۱" onclick="alpha('۱')" class="bt"></td>
<td><input type="button" value="۲" onclick="alpha('۲')" class="bt"></td>
<td><input type="button" value="۳" onclick="alpha('۳')" class="bt"></td>
<td><input type="button" value="۴" onclick="alpha('۴')" class="bt"></td>
<td><input type="button" value="۵" onclick="alpha('۵')" class="bt"></td>
<td><input type="button" value="۶" onclick="alpha('۶')" class="bt"></td>
<td><input type="button" value="۷" onclick="alpha('۷')" class="bt"></td>
<td><input type="button" value="۸" onclick="alpha('۸')" class="bt"></td>
<td><input type="button" value="۹" onclick="alpha('۹')" class="bt"></td>
</tr>
</tbody></table>
</form>
</div>
</body>
</html>