<html>
<head>
<script>
function insertAtCursor(myValue) {
	myField=document.forms[0].myText;
	if (document.selection) {
		myField.focus();
		sel = document.selection.createRange();
		sel.text = myValue;
	}
	else if (myField.selectionStart||myField.selectionStart=='0'){
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		myField.value = myField.value.substring(0,startPos)+myValue+myField.value.substring(endPos, myField.value.length);
	}
	else {
		myField.value += myValue;
	} 
}

function replaceBeforeCursor(myValue) {
	myField=document.forms[0].myText;
	if (document.selection) {
		myField.focus();
		sel = document.selection.createRange();
		sel.moveStart('character',-1);
		sel.text = myValue;
	}
	else if (myField.selectionStart||myField.selectionStart=='0'){
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		myField.value = myField.value.substring(0,startPos-1)+myValue+myField.value.substring(endPos, myField.value.length);
	}
	else {
		myField.value += myValue;
	} 
}

var isCtlKeyPressed = false;
var lastKeyPressed=0;
var repeatCount=0;

function hotkey(eventname)   {
	if(eventname.keyCode == 17){  
    	  	isCtlKeyPressed = true;
    	  }
    	  if(eventname.keyCode == 85 && isCtlKeyPressed)
    	  {
		insertAtCursor('ʊ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 78 && isCtlKeyPressed)
    	  {
		insertAtCursor('ŋ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 82 && isCtlKeyPressed)
    	  {
		insertAtCursor('ʳ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 83 && isCtlKeyPressed)
    	  {
		insertAtCursor('ʃ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 84 && isCtlKeyPressed)
    	  {
		insertAtCursor('θ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 68 && isCtlKeyPressed)
    	  {
		insertAtCursor('ð');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 90 && isCtlKeyPressed)
    	  {
		insertAtCursor('ʒ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 222 && isCtlKeyPressed)
    	  {
		insertAtCursor('ˈ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 188 && isCtlKeyPressed)
    	  {
		insertAtCursor('ˌ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 69 && isCtlKeyPressed)
    	  {
		if (lastKeyPressed==69) {
			if ( repeatCount ==5)
				repeatCount=1;
			else
				repeatCount+=1;
		}
		else
			repeatCount=0;
		switch(repeatCount) {
			case 1: replaceBeforeCursor('ɜ');break;
			case 2: replaceBeforeCursor('ɚ');break;
			case 3: replaceBeforeCursor('ɝ');break;
			case 4: replaceBeforeCursor('ɛ');break;
			case 5: replaceBeforeCursor('ə');break;
			case 0: insertAtCursor('ə');
		}
			event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 73 && isCtlKeyPressed)
    	  {
		insertAtCursor('ɪ');
		event.returnValue = false;
    	  }
    	  if(eventname.keyCode == 79 && isCtlKeyPressed)
    	  {
		if (lastKeyPressed==79) {
			if ( repeatCount ==2)
				repeatCount=1;
			else
				repeatCount+=1;
		}
		else
			repeatCount=0;
		switch(repeatCount) {
			case 1: replaceBeforeCursor('ɔ');break;
			case 2: replaceBeforeCursor('ɒ');break;
			case 0: insertAtCursor('ɒ');
		}
			event.returnValue = false;
    	  }


    	  if(eventname.keyCode == 65 && isCtlKeyPressed)
    	  {
		if (lastKeyPressed==65) {
			if ( repeatCount ==3)
				repeatCount=1;
			else
				repeatCount+=1;
		}
		else
			repeatCount=0;
		switch(repeatCount) {
			case 1: replaceBeforeCursor('ɑ');break;
			case 2: replaceBeforeCursor('ʌ');break;
			case 3: replaceBeforeCursor('æ');break;
			case 0: insertAtCursor('æ');
		}
			event.returnValue = false;
    	  }
	lastKeyPressed=eventname.keyCode;
	return false;	
    }

function releaseCtl(eventname)   {
	if(eventname.keyCode == 17){
		isCtlKeyPressed =false;
    	  }
}
</script> 
</head>
<body onkeyup=releaseCtl(event) onkeydown='hotkey(event)' style="font-family:  'Lucida Sans Unicode';">
<center>
<h2>Type IPA English subset easily</h2>
<h1>FREE TO USE BOTH ONLINE AND OFFLINE</h1> <a href='http://www.gnu.org/licenses/gpl.txt'>(c) GNU GPL</a>
<h3> you can contact me by sending a mail to <a href='mailto:info@akula.50webs.com'>info@akula.50webs.com</a></h3></center>
<form>
<table border=1>
<tr><td>
<textarea name="myText" rows="10" cols="50" style="font-family:  'Lucida Sans Unicode';"></textarea></td><td>
<button name='u' onclick="insertAtCursor('ʊ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ʊ</button>
&nbsp;
<button name='n' onclick="insertAtCursor('ŋ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ŋ</button>
&nbsp;
<button name='r' onclick="insertAtCursor('ʳ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ʳ</button>
<font size=0>Ctrl+U</font>&nbsp;<font size=0>Ctrl+N</font>&nbsp;<font size=0>Ctrl+R</font><br>
<button name='s' onclick="insertAtCursor('ʃ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ʃ</button>
&nbsp;
<button name='t' onclick="insertAtCursor('θ');" style="font-family:  'Lucida Sans Unicode';width:50;" >θ</button>
&nbsp;
<button name='d' onclick="insertAtCursor('ð');" style="font-family:  'Lucida Sans Unicode';width:50;" >ð</button>
<font size=0>Ctrl+S</font>&nbsp;<font size=0>Ctrl+T</font>&nbsp;<font size=0>Ctrl+D</font><br>
<button name='z' onclick="insertAtCursor('ʒ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ʒ</button>
&nbsp;
<button name='\'' onclick="insertAtCursor('ˈ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ˈ</button>
&nbsp;
<button name=',' onclick="insertAtCursor('ˌ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ˌ</button>
<font size=0>Ctrl+z</font>&nbsp;<font size=0>Ctrl+'</font>&nbsp;<font size=0>Ctrl+,</font><br>
<button name='e' onclick="insertAtCursor('ə');" style="font-family:  'Lucida Sans Unicode';width:50;" >ə</button>
&nbsp;
<button name='ee'' onclick="insertAtCursor('ɜ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ɜ</button>
&nbsp;
<button name='eee' onclick="insertAtCursor('ɚ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ɚ</button>
&nbsp;
<button name='eeee'' onclick="insertAtCursor('ɝ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ɝ</button>
&nbsp;
<button name='eeeee' onclick="insertAtCursor('ɛ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ɛ</button>
<font size=0>Ctrl+E</font>&nbsp;<font size=0>Ctrl+EE</font>&nbsp;<font size=0>Ctrl+EEE</font>
<font size=0>Ctrl+EEEE</font>&nbsp;<font size=0>Ctrl+EEEEE</font><br>
<button name='i' onclick="insertAtCursor('ɪ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ɪ</button>
&nbsp;
<button name='o'' onclick="insertAtCursor('ɒ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ɒ</button>
&nbsp;
<button name='oo' onclick="insertAtCursor('ɔ');" style="font-family:  'Lucida Sans Unicode';width:50;" >ɔ</button>
<font size=0>Ctrl+I</font>&nbsp;<font size=0>Ctrl+O</font>&nbsp;<font size=0>Ctrl+OO</font><br>
<button name='aa' onclick="insertAtCursor('ɑ');" style="font-family:  'Lucida Sans Unicode';width:50;">ɑ</button>
&nbsp;
<button name='aaa' onclick="insertAtCursor('ʌ');" style="font-family:  'Lucida Sans Unicode';width:50;">ʌ</button>
&nbsp;
<button name='a' onclick="insertAtCursor('æ');" style="font-family:  'Lucida Sans Unicode';width:50;">æ</button>
<font size=0>Ctrl+A</font>&nbsp;<font size=0>Ctrl+AA</font>&nbsp;<font size=0>Ctrl+AAA</font>
</form></td></tr></table><br>
<center><b> save this page in your machine and use it offline  :)<br> <u>USAGE</u></b><br>
Click the buttons or enter the hot-key (eg: Control + 'E fivetimes' for ɛ) to insert characters in the textbox. <br></center>
<h3><font color=red>Requirements : <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Browser&nbsp;:  ie 6 or later<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Font&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:  Lucida Sans Unicode</font></h3>
<center><img src="http://www.easycounter.com/counter.php?prasad_ab" border="0" alt="page counter"></center>
</body>
</html>