www.webdeveloper.com
Page 2 of 2 FirstFirst 12
Results 16 to 21 of 21

Thread: how to use javascript in html to read txt file and display it ?

  1. #16
    Join Date
    Jul 2008
    Location
    urbana, il
    Posts
    2,787
    Quote Originally Posted by midgetracer View Post
    I am using the code that 'rnd me' submitted, but am having issues hard inputting the address into it. I'm building a situational awareness page at work that runs off of our local drive. Currently we just iframe a few .txt files from the Space Weather Prediction Center, but I would like to readastext them and write them so I could modify the text with css. I do not need to use the input=file as the address never changes, but I'm having a heck of time getting to work... any thoughts?
    you can only use this code on local files selected via <input type=file>.
    it will NOT work for URLs.

    try using the free YQL webservice to convert the page to JSON-packed base64, and unpack the data on the client.
    this solution needs window.atob(), which comes with at least chrome and ff.
    for other browsers, download a base64 DECODE routine, and name the function "atob". that should make it work everywhere.


    Code:
    window.nwsCB=function(data){
      var fileContent=(atob(data.query.results.url.split(",")[1]));
      alert(  fileContent  );
    }
    
    function addScript(u){ var sc2=document.createElement('script'); sc2.src=u;  document.getElementsByTagName('*')[1].appendChild(sc2) }
    
    addScript("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20data.uri%20where%20url%3D%22http%3A%2F%2Fwww.swpc.noaa.gov%2Fftpdir%2Findices%2Fevents%2Fevents.txt%22&format=json&diagnostics=true&callback=nwsCB");
    see the YQL console for making new URLs to use with addScript if you want to grab other pages.

  2. #17
    Join Date
    Mar 2013
    Posts
    6
    Hi,
    i tried ur example code and it worked.. i need some modification in dat..rite nw u r giving the user to browse for a file and based on the selected file the operation is performed.. but i want my script to always read from the same file..der is no option to browse for the file.when the page loads this function shud be called automatically and the hardcoded file shud be read. can u help me out with this please..
    Thanks,

  3. #18
    Join Date
    Mar 2013
    Posts
    10
    Changing the style of an HTML element

    x=document.getElementById("demo") //Find the element
    x.style.color="#ff0000"; //Change the style

  4. #19
    Join Date
    Jul 2008
    Location
    urbana, il
    Posts
    2,787
    Quote Originally Posted by rahul1990 View Post
    Hi,
    i want my script to always read from the same file..der is no option to browse for the file.when the page loads this function shud be called automatically and the hardcoded file shud be read
    that is not allowed by any browser.

    if you have the file on your server, next to an html file, then you can use simple ajax to grab the file's contents. search for a basic ajax demo for that code.

  5. #20
    Join Date
    Mar 2013
    Posts
    6
    hi rnd me,

    Thanks for the reply.. actually i have urgent req for it.. i will tell u the full scenrio..if der is another way plz tell me dat..
    i am using unix server.my html script is located in /var/www/etc/html path and the file containing the names is also stored in the same place.. i want to read this file n store all the names in an dropdown combo box in my html page.. i got a code which reads frm an array and stores in dropdown box..i mixed dat code with ur code which reads each line frm the file n stores in the array..bt i need that the same file is read everytime wich contains the name wich has to be displayed in combo box..
    If u have any code plz send me..i need it urgently..

    in brief

    1) read content of the file
    2) store the content into array
    3) read the array n store the content into combobox in html.

    Thanks

  6. #21
    Join Date
    Sep 2013
    Posts
    1
    Hate to hijack the this thread but am hoping you guys could help..

    is there ay ways to download a vcard from a url using javascript or JSON so i can add it onto my website?

Thread Information

Users Browsing this Thread

There are currently 4 users browsing this thread. (0 members and 4 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles