Solved

How can i read a *.txt file in javascript

Posted on 2009-04-01
8
481 Views
Last Modified: 2012-05-06
i want to read some javascript inputs from a text file for my HTML file.
0
Comment
Question by:renjitkumar
  • 3
  • 2
8 Comments
 
LVL 20

Expert Comment

by:Gawai
ID: 24038527
0
 
LVL 15

Assisted Solution

by:Tomarse111
Tomarse111 earned 500 total points
ID: 24038655
Without any additional addons, this can only be done through AJAX. Please see below for an example ... where the test.txt is in the same dir as the file you're working on.
<html>
<head>
<script>
function submitForm()
{ 
    var xhr; 
    try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
    catch (e) 
    {
        try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
        catch (e2) 
        {
          try {  xhr = new XMLHttpRequest();     }
          catch (e3) {  xhr = false;   }
        }
     }
  
    xhr.onreadystatechange  = function()
    { 
	
         if(xhr.readyState==4)
         {
              	if(xhr.status  == 200){ 
                  document.write("Received:"  + xhr.responseText); 
				  return false;
				}
         }
    }; 
 
   xhr.open('GET', "test.txt",  true); 
   xhr.send(null); 
} 
</script>
</head>
                 
<body>
    <FORM method="POST" name="ajax" action="">                  
         <INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
        
    </FORM>
 </body>
</html>

Open in new window

0
 

Author Comment

by:renjitkumar
ID: 24047985
i tried this option. but i have proble to refer the file path. because will available in desktop only not in HTML section.
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

Accepted Solution

by:
renjitkumar earned 0 total points
ID: 24049578
i foud the solution myself; below is the source code of my query

<html>
<head>
<script language="JavaScript" type="text/javascript">
var text;

function fetchText(txtFile) {
var d = document;
var txtFrame = d.getElementById( 'textReader');
txtFrame.src = txtFile;
setTimeout('text = getContent();', 500);
}

function getContent() {
var d = document;
var txtFrame = d.getElementById( 'textReader');
var text = '';
if (txtFrame.contentDocument) {
var d = txtFrame.contentDocument;
text = d.getElementsByTagName( 'BODY')[ 0].innerHTML;

}
else if (txtFrame.contentWindow) {
var w = txtFrame.contentWindow;
text = w.document.body.innerHTML;

}
return text;
}

function doTest(txtFile, searchFor) {
fetchText(txtFile);
setTimeout("alert(-1 != text.indexOf('" + searchFor + "'))", 750);
}
</script>
</head>
<body>
<iframe id="textReader" style="display: none;" ></iframe>
<form>
<input type="button" value="search test 1 - will pass" onclick="doTest('C:/test.txt', 'HTML page')" />
</form>
</body>
</html>
0
 
LVL 20

Expert Comment

by:Gawai
ID: 24051114
go ahead for that, next time when you will ask any question, experts will think twice before they post their solution, i guess we have given you proper direction for the solution. Enjoy !
0
 
LVL 20

Expert Comment

by:Gawai
ID: 24074464
did u know u can split the points ? Tomarse111 deserve as well
0

Featured Post

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The purpose of this article is to demonstrate how we can use conditional statements using Python.
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn how to use the return statement in functions in C++. The video will also teach the user how to pass data to a function and have the function return data back for further processing.
The viewer will learn how to user default arguments when defining functions. This method of defining functions will be contrasted with the non-default-argument of defining functions.

789 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question