ayuda no se que pasa con este php y un ajax

[Goomba]

hola bueno mi porblema es el siguiente estoy cargando paginas por lo que se puede llamar ajax digo esto porque es ajax sin xml y lo saque de un tutorial de crystal lab.
Lo que sucede es que de un menu deplegable se hacen las llamadas de carga de los formularios, el pero ers que si recargo la pagina la pafina se ve como si hicieras un acceso al index y no se mentiene en la pagina que estaba, lo otro vcuando apreto el boton guardar del formulario pasa exactamente lo mismo bueno a continuacion les presento los codigos para ver si me pueden ayudar

este es el formulario

Código PHP:

 <script language="javascript" type="text/javascript" src="../js/ajax.js"></script>
<?php
require('../control.php');
require('../funciones/funciones.php');
$sumbit=$_POST['button'];
 
if(!$sumbit) {
 ?>
 
 
 
<form name="form1" method="post" action="<?php $PHP_SELF ?>">
  <table width="100%" border="0">
    <tr>
      <td width="16%"><strong>Datos Modelo Calefactor</strong></td>
      <td width="84%">&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Codigo:</td>
      <td><label>
        <input type="text" name="codigo" id="codigo">
      </label></td>
    </tr>
    <tr>
      <td>Modelo:</td>
      <td><label>
        <input type="text" name="modelo" id="modelo">
      </label></td>
    </tr>
    <tr>
      <td>Stock:</td>
      <td><label>
        <input type="text" name="stock" id="stock">
      </label></td>
    </tr>
  </table>
  <table width="100%" border="1" cellspacing="0">
  <tr>
    <td>Caracteristicas</td>
    <td>Atributos Funcionales</td>
    <td>Equipamento Especial</td>
  </tr>
  <tr>
    <td><label>
    <?php
        $control= new control();
        $result=$control->getTipoCaracteristica();
        for($i=0;$i<count($result);$i++) {
    ?>
        <input type="checkbox" name="caracteristica[]" value="<?php echo $result[$i] ?>"> <?php echo htmlentities($result[$i]).":<br>" ?>
    <?php 
            $beansCar=new beanCar();
            $beansCar->setCodigo("");
            $beansCar->setDescripcion("");
            $beansCar->setTipo($result[$i]);
            $descripcion=$control->getDescripcionCaracteristica($beansCar);
            if(count($descripcion)>0) {
                foreach ($descripcion as $id){
    ?>
                    <?php echo "\t" ?>
                    <input name="carDescr<?php echo sinEspacio($result[$i]) ?>" type="radio" class="radioDesc" id="radioDesc" value="<?php echo $id ?>"/>
                    <?php echo $id."<br>" ?>
    <?php
                }
            }
    ?>  
    <br />
    <?php
            }
    ?>
    
      
    </label>
    </td>
    <td><label>
      <input type="checkbox" name="checkbox2" id="checkbox2">
      <br />
      <input type="checkbox" name="checkbox" id="checkbox" />
      <br />
      <input type="checkbox" name="checkbox4" id="checkbox4" />
      <br />
      </label>
      <p>
        <label>
          <input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0" />
          <span class="style1">Radio</span></label>
        <br />
        <label>
          <input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1" />
          Radio</label>
        <br />
      </p>
      <label><br />
      </label></td>
    <td><label>
      <input type="checkbox" name="checkbox3" id="checkbox3">
    </label></td>
  </tr>
</table>
 
  <p>
    <label>
    <input type="submit" name="button" id="button" value="guardar"/>
    </label>
  </p>
</form>
<?php
}
else {
foreach($_POST['caracteristica'] as $id) {
    $var="carDescr".sinEspacio($id);
    
    echo $id.":  ".$_POST[$var]."<br>";
}
}
?>   

Código:

function nuevoAjax(){
	var xmlhttp=false;
 	try {
 		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 	} catch (e) {
 		try {
 			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 		} catch (E) {
 			xmlhttp = false;
 		}
  	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
 		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

function cargarPagina(direcion) {
	var contenedor = document.getElementById('contenido');
	ajax=nuevoAjax();
	ajax.open("GET", direcion, true);
	ajax.onreadystatechange=function() {
		if(ajax.readyState==1) {
			contenedor.innerHTML = "Cargando...";
            //modificamos el estilo de la div, mostrando una imagen de fondo
            //contenedor.style.background= "url('ajax/ajax-loader.gif') no-repeat"; 
		}
		else {
			if (ajax.readyState==4) {
				contenedor.innerHTML = ajax.responseText;
			}
		}
	}
	ajax.send(null);	
}

este es el codigo de como hago la llamada bueno la idea es saber porque la pagina no se queda en lo que etsba haciendo y vuelve a un principio

Código:

<a href="javascript:cargarPagina(\'form/ingModelo.php\')"> ingMiodelo</a>

bueno esta llamda esta en un div menu y hay otro div contenido en donde se carga los formularios o contenidos