Login   Register  
PHP Classes
elePHPant
Icontem

File: example.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Jacek Wloka  >  Text To Speech  >  example.html  >  Download  
File: example.html
Role: Example script
Content type: text/plain
Description: example 2 for ajax
Class: Text To Speech
Convert test to speech using Expressivo service
Author: By
Last change: Overall, the code update
Date: 2008-08-08 05:05
Size: 3,374 bytes
 

Contents

Class file image Download
<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>