How do I link a page to another page that contains dynamic content?

[confusedswede]

This is probably very simple, but can't figure out how to do it...
Need to link my navigation from one page ( "fundraising.php") to another page (schedule.php) but to a specific date, 4th Dec ==> Problem, the content of this date (04dec12.php) is in an iframe, default being closest date (i.e. 01dec.php). How can I link from one page (fundraising.php) to schedule.php making sure that in the iframe of schedule.php (see second code below) the content of 03dec12.php is displayed (in td2)?

navigation-code:(yes, a href-code is wrong, as I can't figure out how to link to schedule.php and then to 04dec12.php at the same time!!!)

<ul id="nav">
   <li id="home"><a href="index.php">Home</a>
   </li>
   <li id="schedule"><a href="schedule.php">Schedule&nbsp;<img src="img/navarrow.png" border="0" alt="arrow down" /></a>
      <ul>
         <li><a href="schedule.php#dec1">1<sup>st</sup> December</a></li>
         <li><a href="schedule.php#dec2">2<sup>nd</sup> December</a></li>
         <li><a href="schedule.php#dec4">4<sup>th</sup> December</a></li>
      </ul>
   </li>
   <li id="fundraising"><a href="fundraising.php">Fundraising&nbsp;<img src="img/navarrow.png" border="0" alt="arrow down" /></a>
</li>
</ul>

Below is code from schedule.php, where 1st td-cell is links to the dynamical iframe in second td-cell.

 
    <table>
    <tr>
    <td><!-- td1 schedule dates -->
    <div class="textlink"><a href="01dec12.php" target="scheduleDetails"><b>1<sup>st</sup> December, 1pm to 5pm</b></a></div>
    <div class="textlink"><a href="04dec12.php" target="scheduleDetails"><b>4<sup>th</sup> December</b></a></div>
    <div class="textlink"><a href="16dec12.php" target="scheduleDetails"><b>16<sup>th</sup> December</b></a></div>
    </td>
    <!-- second td cell will dynamically change content dependent on which link is clicked above. -->
    <td><!-- td2 datespecific content -->
     <iframe name="scheduleDetails" src="01dec12.php" scrolling="no" width="100%" height="400px" marginwidth="8px" frameborder="0"></iframe>
    </td>
    </tr>
    </table>
 

THANKS for any help!

[acoder]

One way you could do this is by passing a variable in the URL, e.g. the hash as you've tried. Then on page load (onload event), use location.hash to determine which page to load.

Even better, use PHP as you're loading a new page anyway and it would work without JavaScript enabled.

Having said that, loading the page in the iframe may not be the best way to change content, but probably the simplest.

If you want to use JavaScript, then you could use Ajax to load the content, but that will require a little more expertise.