Location: PHPKode > scripts > Text To Speech > text-to-speech/example.html
<html> 
<head> 
 <title>Example</title>
 <script type="text/javascript" language="javascript">
   <!-- <![CDATA[
			
                        function createRequestObject(){
			var request_;
			var browser = navigator.appName;
			if(browser == "Microsoft Internet Explorer"){
			 request_ = new ActiveXObject("Microsoft.XMLHTTP");
			}else{
			 request_ = new XMLHttpRequest();
			}
			return request_;
			}
			
			var http = new Array();
				
			function getInfo(text_sts){
			
			var curDateTime = new Date();
			http[curDateTime] = createRequestObject();
			
			http[curDateTime].open('get', 'r_ajax.php?txt='+text_sts);
			
			http[curDateTime].onreadystatechange = function(){
				if (http[curDateTime].readyState == 4) 
		    	{
		        	if (http[curDateTime].status == 200 || http[curDateTime].status == 304) 
		        	{
		           	 	var response = http[curDateTime].responseText;
		 				document.getElementById('view_radio').innerHTML = response;
		        	}
		    	}
			}
			
			http[curDateTime].send(null);
			}

    function addText(elname) { 
      if (document.selection) { // for IE 
         var str = document.selection.createRange().text; 
         document.forms['inputform'].elements[elname].focus(); 
         var sel = document.selection.createRange(); 
         sel.text = str;
         if (str == '') {alert('Select a text...'); return false;}
         alert('Please wait...'); 
         getInfo(str); 
         return; 
      } else if ((typeof document.forms['inputform'].elements[elname].selectionStart) != 'undefined') { // for Mozilla 
         var txtarea = document.forms['inputform'].elements[elname]; 
         var selLength = txtarea.textLength; 
         var selStart = txtarea.selectionStart; 
         var selEnd = txtarea.selectionEnd; 
         var oldScrollTop = txtarea.scrollTop; 
         
         var s1 = (txtarea.value).substring(0,selStart); 
         var s2 = (txtarea.value).substring(selStart, selEnd) 
         var s3 = (txtarea.value).substring(selEnd, selLength); 
         txtarea.value = s1 + s2 + s3; 
         txtarea.selectionStart = s1.length; 
         txtarea.selectionEnd = s1.length + s2.length; 
         txtarea.scrollTop = oldScrollTop; 
         txtarea.focus();
         if (s2 == '') {alert('Select a text...'); return false;}
         alert('Please wait...');   
         getInfo(s2);  
         return; 
      } else { 
         alert('Error');
      } 
   }

   function allread (elname) {
       var txtarea = document.forms['inputform'].elements[elname];
       if (txtarea.value == '') {alert('Enter the text...'); document.forms['inputform'].elements[elname].focus();} else {alert('Please wait...'); getInfo(txtarea.value);}
   }
			
  // ]]> -->
 </script>   

   
</head> 
<body>

<form name="inputform" action="#"> 

   <textarea class='textbox' name='news_body' rows='8' style='width: 320px;'>This is my text</textarea> 
   <br />  
   <input type='button' value='Read selected' class='button' style='font-weight: bold;' onClick="addText('news_body');" /> <input type='button' value='Read everything' class='button' style='font-weight: bold;' onClick="allread('news_body');" />  

</form>

<div id="view_radio" style="width: 320px; height: 100px; display: block;"></div> 

</body> 
</html>
Return current item: Text To Speech