Is there a way that when I click on a link it will change the contents of a div to the contents of another page on my site? I tried:

<a href="#" onclick="javascript:document.getElementById('mainbody').innerHTML=./webpage.html">webpage</a>

But it didn't work.

Thanks,
Nathan

While it may not always be the best thing to do, you might want to use an iframe to do that. While it's not the newest technology, it would probably be the right way to go.

If you don't think so, then you should ask this again in the Javascript forum.

PHP could do it, but it wouldn't be that efficient. Other than that, IFrames probably are the way to go. I looked into this a lot myself about a year ago, and found it was a toss-up between PHP and IFrames. Some one else might know of something though.

You can't really request the content from another page to put into a div. You can make other HTML appear there, but it has to be in the Javascript on that page.

Can you give us some more information about what you are trying to accomplish; with a few more specifics? The more vague the question, The less beneficial the answer. If we know more we might be able to provide alternative solutions. (but, then, again ...!)

There IS away to do this !
http://www.aplus.co.yu/web-dev/inser...her-html-page/

No iframes but works like one.

Well blow me down. I stand corrected.

I think there is an even more seemless method with no page reload - using Ajax. The js below should be linked to or embedded directly in the head.

The function can then be called by passing the URL of the page to be loaded (Whatever.html) within the anchor tag. <a href="#" onclick="ajaxFunction('Whatever.html');return false;" >link</a>
The function will load the contents of the page into a div with an id of 'include' but you can change it to whatever.

If your prepared to use js (there are a small % of users who dont enable it) then ajax will look better.

function ajaxFunction(a)
  {
  var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
       document.getElementById('include').innerHTML=xmlHttp.responseText;
        }
      }
    xmlHttp.open("GET",a,true);
    xmlHttp.send(null);
  }
  function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}