HTML not loading into DIV

[xtremer360]

I would like to know how to set up my page so that when a user selects Add New it will load the Add New Division form. Here is the ajax code.

var loadedobjects=""
var rootdomain="http://"+window.location.hostname
function ajaxpage(url, containerid)
{
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject)
{
// if IE
try
{
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e)
{
try
{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e)
{
}
}
}
else
{
return false
}
page_request.onreadystatechange=function()
{
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}
function loadpage(page_request, containerid)
{
if (page_request.readyState == 4 && (page_request.status==200 ¦¦ window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}
function loadobjs()
{
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++)
{
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1)
{ 
//Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1)
{
//If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1)
{
//If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!="")
{
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

Here is my divisions.php file. I tried this obviously with the options but this does not work. I need some guidance/tips for what I SHOULD be doing to correct my problem to make it work.

<?php
if ($option == 0 )
{
 print '<h1 class=backstage>Division Management</h1><br />';
print "<h2 class=\"backstage\">Divisions :: <a href=\"#\" onclick=\"ajaxpage('backstage_libs/division.php', '1'); return false;\">Add New</a></h2><br />";
 {
 $query = "SELECT * FROM efed_list_divisions";
  $result = mysql_query ( $query ); // Run The Query
  $rows = mysql_num_rows($result);
  if ($rows > 0)
  {
   
   print '<table width="100%" class="table1">';
   print '<tr class="rowheading">';
   print '<td>&nbsp;</td>';
   print '<td>Name</td>';
   print '</tr>';
   // Fetch and print all records.
   $i = 0;
   $current_row = 0;
   while ( $row = mysql_fetch_array ( $result, MYSQL_ASSOC ) )
   { 
   $current_row++; 
    $sClass = 'row2';
    if ($i ++ & 1)
    {
     $sClass = 'row1';
    }
    printf ( "<tr class=\"%s\">", $sClass );
    print "<td valign=\"top\" align=\"center\" width=\"30\"><a href=\"#\" onclick=\"ajaxpage('backstage_libs/division.php', '2'); return false;\">Edit</a></td>";
    printf ( "<td valign=\"top\">%s</td>", $row [name] );
    print '</tr>';
   }
   print '</table>';
  }
  else
  {
  print '<span>There are no divisions.</span><br />';
  }
  print '<br />';
returnmain();
}
} elseif ( $option == 1)
{
 print '<h1 class=backstage>Division Management</h1><br />';
 print '<h2 class=backstage>Add New Division</h2><br />';
 print '<form name="adddivision" method="post" action="backstage.php" id="adddivision">';
 print '<table width="100%" class="table2">';
 print '<tr>';
 print '<td width=120 class=rowheading valign=center>Division Name:</td><td class=row3><input type=text name=divisionname class=fieldtext490></td>';
 print '</tr>';
 print '</table><br />';
 print '<input type="submit" value="Save Division" class="button" name="adddivision"></form><br />';
 print '<form method=POST><input type=hidden name=action value=division><input type=submit value="Return to Division List" class=button200></form><br />';
 print '<h2 class=backstage><form method=POST><input type=hidden name=action value=mainmenu><input type=submit value="Return to Main Menu" class=button200></form></h2>';
} elseif ( $option == 2)
{
 print'<h1 class="backstage">Division Management</h1><br />';
 print'<h2 class="backstage">Edit Division</h2><br />';
 print'<form name="editdivision" method="post" action="backstage.php" id="editdivision">';
 print'<table width="100%" class="table2">';
 print'<tr>';
 print'<td width="120" class="rowheading" valign="center">Division:</td><td class="row3"><input type="text" name="division" class="fieldtext490" value=""></td>';
 print'</tr>';
 print'</table><br />';
 print'<center>';
 print'<input type="checkbox" name="deletedivision"><span class="table1heading">Delete Division?</span><br /><br />';
 print'<input type="submit" value="Edit Division" class=button name="editdivision"><br /><br />';
 print'<input type="button" value="Return to Divisions List" class="button200"><br /><br />';
 returnmain();
}
?> 

[daveVk]

<a href=\"#\" onclick=\"ajaxpage('backstage_libs/division.php', '1'); return false;\">Add New</a>

probably should be

<a href=\"#\" onclick=\"ajaxpage('backstage_libs/division.php', 'adddivision'); return false;\">Add New</a>

ditto on edit

[xtremer360]

Okay but the way I have it set up for the divisions.php file is wrong isn't it? Because how will it not what is adddivision and and what is editdivision.

[daveVk]

Perhaps

ajaxpage('backstage_libs/division.php?d=add', 'adddivision');
and
ajaxpage('backstage_libs/division.php?d=edit', 'editdivision');

this will pass add/edit thru to the php.

You will need to change division.php so the if $GET['d'] = 'add' only the content within adddivision if returned etc.