Pulling data from another page…

Hello all,
I am new to javascript and I am hoping to find some help on a simple problem. I get a web page that is all raw data that I have no control over, it downloads from a server into a file folder and looks pretty much like this example…


<html>
<head>
  <title>Raw Data</title>
</head>
<body>
  <table>
    <tr>
      <th>Room</th>
      <th>Name</th>
      <th>Days</th>
    </tr>
    <tr>
      <td>501</td>
      <td>Bob</td>
      <td>7</td>
    </tr>
    <tr>
      <td>502</td>
      <td>Sue</td>
      <td>5</td>
    </tr>
    <tr>
      <td>503</td>
      <td>Dan</td>
      <td>12</td>
    </tr>
</table>
</body>
</html>

I am building another page that will be the main page (see below), with additional features, etc. What I need help on is being able to pull data from the “raw data” page and populating the “index” page. I would like to use the “Room” number as the ID between the two pages. Here is the second page example…


<html>
<head>
  <title>Green Board</title>
</head>
<script type="text/javascript">
  code...
</script>
<body>
  <h1>Green Board</h1>
  <table border="1" cellpadding="5" cellspacing="0">
    <tr>
      <th>Room</th>
      <th>Name</th>
      <th>Days</th>
    </tr>
    <tr>
      <td>501</td>
      <td>javascript code</td>
      <td>javascript code</td>
    </tr>
    <tr>
      <td>502</td>
      <td>javascript code</td>
      <td>javascript code</td>
    </tr>
    <tr>
      <td>503</td>
      <td>javascript code</td>
      <td>javascript code</td>
    </tr>
</table>
</body>
</html>

I don’t have access to PHP and I am very limited since this needs to be done on my work computer. I have IE8 and I can build this with JS, HTML, and CSS. Thank you for reading my post and any suggestions would be greatly appreciated. --Ben