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: 6 years ago
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>