ansaurus

Question

Collect DOM elements from external HTML documents

Answer 1

A:

Each web browse works in a defined and controlled work space on a user computer where certain things are restrict to code like file system - these are safety standards to ensure that no malicious code from internet runs into your system to phishing sensitive information stored on in it. Only ways a webbrowser is allowed if access granted explicitly by the user.

But i can suggest you for Internet Application as

  - If List of commands is static then cache either by XML, Json or Cookies [it will store on user's system until it expires]
  - If dynamic then Ajax to retrieve it

Ifi 2010-04-29 14:14:39

i am relying on explicit access. what i am doing is based on the file:// protocol. check out http://memonaut.googlecode.com

sonofdelphi 2010-04-29 15:25:40

Answer 2

+1 A:

You will need to wait for onload on the target window before you can read content from its document.

Also what type of element is comment? In general you can't put a name on just any element. Whilst unknown attributes like a misplaced name may be ignored, you can't guarantee that browsers will take account of them for getElementsByName. (In reality, most browsers do, but IE doesn't.) A class might be a better bet?

bobince 2010-04-29 14:22:01

have changed from name to class. and how can we wait for the onload of the child windows?

sonofdelphi 2010-04-29 15:23:59

`win.onload= function() {`...do something with contents of window...`};`. You would have to refactor your loop so that it could work asynchronously.

bobince 2010-04-29 16:42:40

am working on this now. thank you for the .onload tip

sonofdelphi 2010-04-29 16:46:35

finished on a firefox-only solution - not sure why it doesn't work on other browsers. seems straightforward enough... :(

sonofdelphi 2010-04-29 19:26:52

Answer 3

A:

I think I have the solution to this.

var windows = [];
var report = null;

function handlerFunctionFactory(i,max){
    return function (evt){
        //Scan opened window for 'comment's
        var comments = windows[i].document.querySelectorAll('.comment');

        for(var j=0;j<comments.length;j++){
            //Add to output report
            report.document.write(comments[j].innerHTML);
        }
        if((i+1)==max){
            report.document.write("</div></body></html>");
            report.document.close();
        }
        windows[i].close();
    }
}

function generateReport()
{
    var files = document.querySelectorAll('td a'); //The list of files to scan is stored as links in an HTML table
    report = window.open(); //Output browser window for report

    report.title = 'Comment Report';
    report.document.open();
    report.document.write('<!DOCTYPE html PUBLIC"-// W3C//DTD XHTML 1.0 Transitional//EN"" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;'
        + '<html><head><title>Comment Report</title>'
        + '</head><body>');

    for(var i = 0; i<files.length; i++){
        //Open each file in a browser window
        win = window.open();
        windows.push(win)
        win.location.href = files[i].href;
        win.onload = handlerFunctionFactory(i,files.length);
    }
}

Any refactoring tips are welcome. I am not entirely convinced that factory is the best way to bind the onload handlers to an instance for example.
This works only on Firefox :(

sonofdelphi 2010-04-29 17:36:39

thanks are due to bobince.

sonofdelphi 2010-04-29 17:43:04

ansaurus

tags:

views:

answers:

Collect DOM elements from external HTML documents

related questions