Iframe

<table width="100%">
   <tr>
      <td colspan="2">
       	<html:img src="images/LogoTipo2.jpg"/>
		<div class="subTitle">
			<html:img src="images/logoSmall.gif"/><bean:message key="detail.aluno.form.title" />
		</div>
      </td>
   </tr>

   <tr>
      <td width="70%" heigth="900">
           <iframe src="calendar/prog.html" height="300" heigth="100%" width="100%" frameborder="0" name="principal"></iframe>
      </td>
      <td width="30%">
         <iframe src="calendar/calendario2.jsp" height="300" heigth="100%" width="100%" frameborder="0" name="principal"></iframe>
      </td>
   </tr>
</table>

<div style="float: right; margin-left: 1em; margin-bottom: 1em;"
id="calendar-container"></div>

<script type="text/javascript">
  function dateChanged(calendar) {
    // Beware that this function is called even if the end-user only
    // changed the month/year.  In order to determine if a date was
    // clicked you can use the dateClicked property of the calendar:
    if (calendar.dateClicked) {
      // OK, a date was clicked, redirect to /yyyy/mm/dd/index.php
      var y = calendar.date.getFullYear();
      var m = calendar.date.getMonth();     // integer, 0..11
      var d = calendar.date.getDate();      // integer, 1..31
      // redirect...
      window.location = "/site/prog.html"";
    }
  };

  Calendar.setup(
    {
      flat         : "calendar-container", // ID of the parent element
      flatCallback : dateChanged           // our callback function
    }
  );
</script>