Javascript get HTML source code

thanks walkerke... but I need to get html source in javascript as stated above.

Clear your cache.
Then go to the site you want.
Then copy file (JS) from your cache to the desktop.

Then, enjoy!

View source
Put URL of JS file in address bar....

I want to get the HTML source code from a site IN javascript. IE i need javascript code to get the html source from a site.

site URL???

u cant - javascript allows client side file handling (to some degree) but not remote file I/O.

What you could do is write php to generate javascript that has the content of the html file you want...

i.e.
<?php

?>
<script language=javascript>
   function get_the_file ()
   {
         var filecontents;
         <?
          $fp = fopen ( 'http://whereever.com/whatever.html', 'rt' );
          while ( $str = fgets ( $fp ) )
          {
                ?> filecontents += "<?=str_replace ( '"', '\"', $str )?>\n"; <?
           }
          ?>
         alert (filecontents);
   }
</script>
<?

?>


That may help (depending on what ur actually doing)

code not tested or anything  -let me know if you need more help - but u certainly cant do it in JS... sorry :()

thanks n1875621, but thats the whole point... i want the _CLIENT_ to get the source code from the site and not do it via the server (which is what I'm doin at the moment)

=/

you cant in javascript... sorry.

well i thought about using an <iframe> to get the source code and then use .innerHtml - but this doesnt seem to work because of 'cross domain scripting' security problems.

if u give more info about exactly what ap ur writing i can maybe help further. but javascript cannot open a remote file on a remote server and return the content therein...

well i just need to get the html source code of a site that isnt on the same domain  so i can process the source code with a regex... javascript doesnt have sockets (as far as i know?)... i thought about vbscript but this probably has more security restrictions than javascript... flash/actionscript possibly an option? im stuck for ideas to do this...

there must be a simple way? :S

do u have control of the remote domain or is it any domain?

if u control the remote as well, you could add a wrapper script that generates any file as a javascript variable string then simply include that wrapper file as a source javascript file and your away... that is of course if you have control of the other domain.

i have no control over the other domain... it would make light work if i did

i.e on ur remote host, write a php script that...

takes a filename as the variable in $_GET - so...

www.yourremotedomain.com/wrapper.php?filetowrap=myfile.html

wrapper.php opens "myfile", encases it in a JS variable (like i have done in my first example) and spits out raw JS.

then you can call the script like so...

<script src=www.yourremotedomain.com/wrapper.php?filetowrap=myfile.html></script>

which will return javascript, which you can then do ur regex on.

ah soz.. just saw ur reponse.

ur going to have a tough time finding an answer. let me know if you do!

hmmm. i thought about using ajax type thing but is it possible to get non-xml source from a site? just like the basic html source... not sure how to make it work with getting html source

also i'm not sure if this works for cross domains?

no idea. no experience with it

n1875621 is right.  You can do this using AJAX.

Basically, AJAX will do a remote call to a server that you specify (from Javascript, in the background).  Typically this is used to query servers and get information from databases, but if you query a page the call will return the HTML of that page.

This will get you started:
http://rajshekhar.net/blog/archives/85-Rasmus-30-second-AJAX-Tutorial.html

amazing stuff tho - javascript isn't just for rollovers anymore ;)

wonder what the compatibility is like ;)

thanks guys for ur help

at the moment i found a site out of pure luck http://www.aspfaq.com/show.asp?id=2173 - it looks promising... though now i'm tryin to figure out how to actually get the data 'Response.Write(xmlhttp.responseText); '

I change to:

 Response.Write(xmlhttp.responseText);
    alert(xmlhttp.responseText);

hmm? :S

Most newer version of the major browsers support AJAX.  It WILL be the web of the future, which is why they call it Web 2.0.  It's good stuff and makes web development more powerful.  Just don't over-do it!

See this link:
http://developer.ebusiness-apps.com/ajax/ajax.htm

Here is a quick program that does what you want.  Save this as an HTM file and run on your computer.  Then you can take the parts out that you need.  Good luck!

<html>
<head>
<script type="text/javascript">
var xmlHttpRequestHandler = new Object();
var requestObject;

xmlHttpRequestHandler.createXmlHttpRequest = function(){
    var XmlHttpRequestObject;
    if(typeof XMLHttpRequest != "undefined")
    {
        XmlHttpRequestObject = new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    {
        var tryPossibleVersions = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp",

"Microsoft.XMLHttp"];
        for(i=0;i<tryPossibleVersions.length;i++)
        {
            try
            {
                XmlHttpRequestObject = new ActiveXObject(tryPossibleVersions[i]);
                break;
            }
            catch(xmlHttpRequestObjectError)
            {
                // Ignore Exception
            }
        }
    }
    return XmlHttpRequestObject;
}

function getHtml()
{
      var url = document.getElementById('url').value;
      if(url.length > 0)
      {
            requestObject = xmlHttpRequestHandler.createXmlHttpRequest();
            requestObject.onreadystatechange=onReadyStateChangeResponse;
            requestObject.open("Get",url, true);
            requestObject.send(null);
      }
}

function onReadyStateChangeResponse()
{
      var ready, status;
      try
      {
            ready = requestObject.readyState;
            status = requestObject.status;
      }
      catch(e) {}
      if(ready == 4 && status == 200)
      {
            alert(requestObject.responseText);
      }
}

</script>
</head>
<body>

<b>Enter Website URL:</b><br />
<input type="text" id="url" size="50" />
<br /><br />

<input type="button" onclick="getHtml();" value="Get HTML" />
</body>
</html>

And remember, the function call is asynchronous, so when you press the button, it could take some time before the HTML is retrieved.  You can change that to force the browser to wait by using this line instead...

requestObject.open("Get",url, false);  <--- Changed last argument to false

thanks for the code but it says error on line 42 ("the system cannot locate the resource specified.")

:O it works!!!!! omg i love you!! thanks so much for the help man :D

only problem is that it doesnt seem to do anything in firefox.. strange