Solved

How can i read a *.txt file in javascript

Posted on 2009-04-01
8
480 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
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 

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

DevOps Toolchain Recommendations

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

Question has a verified solution.

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

Go is an acronym of golang, is a programming language developed Google in 2007. Go is a new language that is mostly in the C family, with significant input from Pascal/Modula/Oberon family. Hence Go arisen as low-level language with fast compilation…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Viewers will learn how to properly install Eclipse with the necessary JDK, and will take a look at an introductory Java program. Download Eclipse installation zip file: Extract files from zip file: Download and install JDK 8: Open Eclipse and …
The viewer will learn additional member functions of the vector class. Specifically, the capacity and swap member functions will be introduced.

810 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