Hola amigos soy novato en esto del ajax y pues tengo un problema que haber si ustedes me pueden ayudar.
Tengo una tabla que me muestra registros de una bd y al darle click sobre la tabla me manda por metodo get una variable que hace que en un div abajo muestre el formulario con la informacion a modificar. Bueno hasta ahi todo bien luego quiero enviar por un ajax a modificar los datos. El archivo php que hace el update en la tabla funciona puesto que ya lo probe. El problema biene cuando yo hago la llamada al metodo que envia los datos al php. Lo unico que hace es ponerme la imagen de esperando pero no envia nada al php. Me muestra un error que dice asi document.forms.form1.especialidad' is null or not an object no se que pueda ser. pongo el codigo de mi formulario
Código PHP:
<?
include("seguridad.php");
$usuario=$_SESSION['usuario'];
$id=$_GET['id'];
$sql="SELECT * FROM segcurso WHERE ID='$id' AND usuario='$usuario'";
$result=mysql_query($sql) or die("Error al intentar ejecutar la sentencia sql, mysql dice; ").mysql_error();
while($fila2=mysql_fetch_object($result))
{
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>SSA | Sistema de Seguimiento Académico | BIENVENIDO</title>
<meta name="keywords" content="itinerary, list" />
<meta name="description" content="This page provides a list of all itineraries" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="funciones.js"></script>
<script language="javascript" src="validaciones.js"></script>
<script language="javascript" src="popcalendar.js"></script>
<script type="text/javascript" src="ajax2.js"></script>
<style type='text/css'> .hide {display:none} </style>
</head>
<body>
<div id="Resultado">
<form id="form1" name="form1" ACTION="javascript:GuardarRegistro();" method="post">
<input name="id" type="hidden" value="<? echo $id;?>" size="4">
<table width="380" border="0" align="center">
<tr>
<td> <? echo "<h1>Modificación de Registros</h1>"; ?>
<div id="frm1" class='hide'>
<h1>Entrega de Planeación e Instrumentación del Curso</h1>
<table align="center" width="380">
<tr>
<td width="250"><label> Fecha en que entrego su planeación: <br>
</label></td>
<td><input name="fecha_ent_plan" type="text" id="fecha_ent_plan" value="<? echo $fila2->ent_plan;?>" size="15" onClick="popUpCalendar(this, form1.fecha_ent_plan, 'yyyy-mm-dd');"></td>
</tr>
<tr>
<td width="250"><br>
<label>Fecha en que entrego su instrumentación:</label></td>
<td><br>
<input name="fecha_ent_instru" type="text" id="fecha_ent_instru" value="<? echo $fila2->ent_inst;?>" size="15" onClick="popUpCalendar(this, form1.fecha_ent_instru, 'yyyy-mm-dd');"></td>
</tr>
<tr>
<td colspan="2"><br>
<div align="center">
<a href="#" onclick='mostrar("frm1","frm3","frm2")'><< Previous</a>
<a href="#" onclick='mostrar("frm1","frm3","frm2")'>1</a>
<b>2</b>
<a href="#" onclick='mostrar("frm1","frm2","frm3")'>3</a>
<a href="#" onclick='mostrar("frm1","frm2","frm3")'>Next >></a>
</div></td>
</tr>
</table>
</div>
<div id="frm2" class='hide'>
<h2>Seguimiento de la gestion del curso</h2>
<table align="center" width="380">
<tr>
<td colspan="2" align="center"><label> Registro en su planeación los seguimientos académicos: <br>
</label> <br></td>
</tr>
<tr>
<td width="250">
<label>1er Seguimiento (23 al 27 de Febrero) :</label></td>
<td><input type="radio" name="primer_seg" value="1">
Si
<input type="radio" name="primer_seg" value="0">
No</td>
</tr>
<tr>
<td width="250">
<label>2do Seguimiento (30 Marzo al 3 de Abril) :</label></td>
<td><input type="radio" name="segundo_seg" value="1">
Si
<input type="radio" name="segundo_seg" value="0">
No</td>
</tr>
<tr>
<td width="250">
<label>3er Seguimiento (11 al 15 de Mayo) :</label></td>
<td><input type="radio" name="tercer_seg" value="1">
Si
<input type="radio" name="tercer_seg" value="0">
No
</td>
</tr>
<tr>
<td><div align="center"><br>
<INPUT TYPE="reset" VALUE="Borrar">
</div></td>
<td><div align="left"><br>
<input type="button" value="Enviar" onClick="Validar(this.form)">
</div></td>
</tr>
<tr>
<td colspan="2"><br>
<div align="center">
<a href="#" onclick='mostrar("frm2","frm1","frm3")'><< Previous</a>
<a href="#" onclick='mostrar("frm1","frm3","frm2")'>1</a>
<a href="#" onclick='mostrar("frm2","frm1","frm3")'>2</a>
<b>3</b>
</div></td>
</tr>
</table>
</div>
<div id="frm3">
<h1>Seguimiento del Curso</h1>
<table align="center" width="380">
<tr>
<td colspan="3"><label> Especialidad: </label>
<select id="especialidad" name="especialidad" style="width:289px;" size="1" onChange="cambia_materias()">
<option selected>Seleccione una especialidad...</option>
<option value="ISC">Ing. en Sistemas Computacionales</option>
<option value="II">Ing. Industrial</option>
<option value="IBQ">Ing. Bioquímica</option>
<option value="IC">Ing. Civil</option>
<option value="IE">Ing. Electromecánica</option>
<option value="IQ">Ing. Química</option>
<option value="LA">Lic. en Administración</option>
<option value="LI">Lic. en Informática</option>
</select></td>
</tr>
<tr>
<td colspan="3"><label> Materia: </label>
<select id="course" name="course" style="width:288px;" size="1">
<option value="-" selected>-</option></select> </td>
</tr>
<tr>
<td colspan="2"><br>
<label> Grupo:
<input name="grupo" id="grupo" type="text" size="6" maxlength="3" value="<? echo $fila2->grupo; ?>" onKeyUp="this.value = this.value.toUpperCase();">
</label> </td>
<td><br><label>Unidades: </label>
<select name="units2" size="1" id="units2" onChange="activa_textos()">
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select> </td>
</tr>
<tr>
<td colspan="3"><br><p align="center"> Porcentaje de Aprobados por Unidad:
<input readonly name="user" type="hidden" value="<? echo $_SESSION['usuario']; ?>" id="user" size="15">
</p></td>
</tr>
<tr>
<td><label> Unidad 1:
<input name="unidad1" type="text" value="<? echo $fila2->u1;?>" id="unidad1" size="4" onKeyPress="return acceptNum(event)" maxlength="3">
</label></td>
<td><label> Unidad 2:
<input name="unidad2" type="text" value="<? echo $fila2->u2;?>" id="unidad2" size="4" onKeyPress="return acceptNum(event)" maxlength="3">
</label></td>
<td><label> Unidad 3:
<input name="unidad3" type="text" value="<? echo $fila2->u3;?>" id="unidad3" size="4" onKeyPress="return acceptNum(event)" maxlength="3">
</label></td>
</tr>
<tr>
<td><label> Unidad 4:
<input name="unidad4" type="text" value="<? echo $fila2->u4;?>" id="unidad4" size="4" onKeyPress="return acceptNum(event)" maxlength="3" disabled>
</label></td>
<td><label> Unidad 5:
<input name="unidad5" type="text" value="<? echo $fila2->u5;?>" id="unidad5" size="4" onKeyPress="return acceptNum(event)" maxlength="3" disabled>
</label></td>
<td><label> Unidad 6:
<input name="unidad6" type="text" value="<? echo $fila2->u6;?>" id="unidad6" size="4" onKeyPress="return acceptNum(event)" maxlength="3" disabled>
</label></td>
</tr>
<tr>
<td><label> Unidad 7:
<input name="unidad7" type="text" value="<? echo $fila2->u7;?>" id="unidad7" size="4" onKeyPress="return acceptNum(event)" maxlength="3" disabled>
</label></td>
<td><label> Unidad 8:
<input name="unidad8" type="text" value="<? echo $fila2->u8;?>" id="unidad8" size="4" onKeyPress="return acceptNum(event)" maxlength="3" disabled>
</label></td>
<td></td>
</tr>
<tr>
<td colspan="3"><br>
<div align="center">
<b>1</b>
<a href="#" onclick='mostrar("frm2","frm1","frm3")'>2</a>
<a href="#" onclick='mostrar("frm1","frm2","frm3")'>3</a>
<a href="#" onclick='mostrar("frm2","frm1","frm3")'>Next >></a>
</div></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</form>
<?
}
?>
</div>
</body>
</html>