Problema ejecutar js, despues de consulta ajax

Tsu_CL · #1 (**permalink**) 05/12/2008, 11:44

Saludos

bueno, eh estado revisando el foro y encontre un tema parecido, pero no entendi muy bien, como lo ejecutaban.

Pero bueno les expongo mi caso, haber si me hechan una mano por fa:

Tengo una pagina, crear_presupuestos, con ella creo un presupuesto mediante una consulta de ajax, la cual me lanza otra pagina, crear_presupuesto_proce, a un <div> de la pagina presupuesto. Esta segunda pagina tiene un script en ella, q la ejecuto al apretar un boton, pero, aqui esta la duda, no me la ejecuta, es como q el codigo JS no estubiera.

que puede ser?, haber si me pueden ayudar por fa

pagina1: crear_presupuesto

Código:

<html>
<head>
<title>Registro con AJAX</title>
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
<script language="JavaScript" type="text/javascript" src="calendar3.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="validarut.js"></script>

<script language="javascript">

 function calendario(){   
    var cal9 = new calendar3(parent.document.forms['nuevo_presupuesto'].elements['fecha']);
     cal9.year_scroll = true;
     cal9.time_comp = false;
     cal9.popup();
 }

</script>

</head>
<body>

<table width="600px" border="0" align="center" cellpadding="0" cellspacing="0">

<form name="nuevo_presupuesto"  onsubmit="enviarDatosPresupuesto(); return false">

<tr>
    <td colspan="2" class="fondosubtitulox3buscado"><div align="center" class="negritabonita">Nuevo Presupuesto </div></td>
  </tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Cedula de Identidad</div></td>
<td><label><input name="rut" type="text"  onBlur="Valida_Rut(this);"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Primer Nombre</div></td>
<td><label><input name="nombre_1" type="text"  onBlur="ponerMayusculas(this)"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Segundo Nombre</div></td>
<td><label><input name="nombre_2" type="text"  onBlur="ponerMayusculas(this)"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Apellido Paterno</div></td>
<td><label><input name="apepater" type="text"  onBlur="ponerMayusculas(this)"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Apellido Materno</div></td>
<td><label><input name="apemater" type="text"  onBlur="ponerMayusculas(this)"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Fecha de Emision</div></td>
<td><label><input name="fecha" type="text" readonly="readonly" onBlur="javascript:ponerMayusculas(this)"/>
<a href="javascript:calendario();">
    <img src="img_calendario/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a>
	</label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Direccion</div></td>
<td><label><input name="direccion" type="text"  onBlur="ponerMayusculas(this)"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Telefono Fijo</div></td>
<td><label><input name="telefono" type="text"  onBlur="ponerMayusculas(this)"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita"></div></td>
<td><label><input name="submit" type="submit" value="Crear" onclick="return valida_envia_presupuesto()" /></label></td>
</tr>

</form>

</table>

<div id="resultado_presupuesto">m</div>

</body>
</html>

pagina 2: crear_presupuesto_proce : aqui es cuando no me funciona el js:cargar datos

Código:

<html>
<head>
<title>Registro con AJAX</title>


<script type="text/javascript" language="JavaScript" src="procedimiento.js"></script>
<script type="text/javascript" src="validarut.js"></script>
<script type="text/javascript">

function cargarDatos(id) {
	
	celda1 = id;
	celda2 = document.getElementById('row'+id).cells[0].innerHTML;
	celda3 = document.getElementById('row'+id).cells[1].innerHTML;
	
			
	document.getElementById('id_seleccionado').value = celda1;
	document.getElementById('nombre_seleccionado').value = document.getElementById('row'+id).cells[0].innerHTML;
	document.getElementById('costo_seleccionado').value = document.getElementById('row'+id).cells[1].innerHTML;
	
	verElemento('1');
			
}

function verElemento(idElemento)
{
		if(idElemento.value=='1'){
        document.getElementById('procedimiento').style["display"] = "none"
        
        } else{
			document.getElementById('procedimiento').style["display"] = "block"
		}
}

</script>



</head>
<body>


<table width="650px" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
    <td colspan="2" class="fondosubtitulox3buscado"><div align="center" class="negritabonita">Datos Presupuesto </div></td>
  </tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Número de Presupuesto:</div></td>
<td><label><input name="rut" type="text" value="<?php echo $resultado ?>" readonly="readonly" /></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Cedula de Identidad</div></td>
<td><label><input name="nombre_1" type="text"  value="<?php echo $rut ?>" readonly="readonly"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Nombre de la Persona</div></td>
<td><label><input name="nombre_1" type="text"  value="<?php echo $nom_1 ?>" readonly="readonly"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Apellido de la Persona</div></td>
<td><label><input name="nombre_1" type="text"  value="<?php echo $apater ?>" readonly="readonly"/></label></td>
</tr>

</table>

<?php
include_once("cProcedimiento.php");
//consulta todos los procedimientos
$objprocedimiento = new cProcedimiento;
$consulta=$objprocedimiento->consultar();

?>

<table id="proce" style="border:1px solid #FF0000; color:#000099;width:400px;">
<thead>
<tr>
<th>Procedimiento</th>
<th>Costo</th>
<th></th>
</tr>
</thead>
<tbody>
<?php
	while($row=mysql_fetch_array($consulta)){?>
		<tr id="row<?php echo $row['PROCE_ID'] ?>">
			<td><?php echo $row['PROCE_NOMBRE'] ?></td>
			<td><?php echo $row['PROCE_COSTO'] ?></td>
			<td><a href="javascript:cargarDatos(<?php echo $row['PROCE_ID'] ?>)"><img src="imagenes/btn_enviar.jpg" alt="Siguiente formulario" width="100" height="30" border="0"/></a></td>
		</tr>
	<?php } ?>

</tbody>
</table>


<br/>

<div id="procedimiento" style="display:none" >


<form id="nuevo_proce" name="nuevo_proce" action=""  onsubmit="enviarDatosProcedimiento();return false;">

<table width="650px" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td>
<input type="hidden" name="presuNum" value="<?php echo $resultado ?>" />
</td>
</tr>

<tr>
    <td colspan="2" class="fondosubtitulox3buscado"><div align="center" class="negritabonita">Procedimientos a Asociar </div></td>
  </tr>

<tr>
<td>
<input type="hidden" name="id_seleccionado" id="id_seleccionado" value="" onBlur="ponerMayusculas(this)"/>
</td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Nombre del Procedimiento</div></td>
<td><label><input name="nombre_seleccionado" id="nombre_seleccionado" type="text"  readonly="readonly" /></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Costo del Procedimiento</div></td>
<td><label><input name="costo_seleccionado" id="costo_seleccionado" type="text"   readonly="readonly"/></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Observación</div></td>
<td><label><input name="desc_seleccionado" id="desc_seleccionado" type="text"   readonly="readonly"/></label></td>
</tr>


<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita">Pieza Dental</div></td>
<td><label><select name="pieza">
<option value="1">1</option>
</select></label></td>
</tr>

<tr>
<td class="fondosubtitulox4"><div align="left" class="negritabonita"></div></td>
<td><label><input type="submit" name="Submit" value="Grabar" /></label></td>
</tr>


</table>

</form>
</div>

<div id="resultado_proce">
</div>

<p>Total
<label>
<input name="total" type="text" readonly="readonly" />
</label>
</p>
</body>
</html>

Tsu_CL · #2 (**permalink**) 05/12/2008, 11:45

aqui sigue:

Pagina: ajax.js

Código:

function objetoAjax(){
	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 enviarDatosPresupuesto(){
  //donde se mostrará lo resultados
  divResultado = document.getElementById('resultado_presupuesto');
  //divResultado.innerHTML= '<img src="anim.gif">';
  //valores de las cajas de texto
  rut=document.nuevo_presupuesto.rut.value;
  nom_1=document.nuevo_presupuesto.nombre_1.value;
  nom_2=document.nuevo_presupuesto.nombre_2.value;
  apater=document.nuevo_presupuesto.apepater.value;
  amater=document.nuevo_presupuesto.apemater.value;
  date=document.nuevo_presupuesto.fecha.value;
  dire=document.nuevo_presupuesto.direccion.value;
  tfijo=document.nuevo_presupuesto.telefono.value;
  //instanciamos el objetoAjax
  ajax=objetoAjax();
  //uso del medoto POST
  //archivo que realizará la operacion
  //registro.php
  ajax.open("POST", "registroPresupuesto.php",true);
  ajax.onreadystatechange=function() {
  if (ajax.readyState==4) {
  //mostrar resultados en esta capa
  divResultado.innerHTML = ajax.responseText
  //llamar a funcion para limpiar los inputs
  document.nuevo_presupuesto.rut.value="";
  document.nuevo_presupuesto.nombre_1.value="";
  document.nuevo_presupuesto.nombre_2.value="";
  document.nuevo_presupuesto.apepater.value="";
  document.nuevo_presupuesto.apemater.value="";
  document.nuevo_presupuesto.fecha.value="";
  document.nuevo_presupuesto.direccion.value="";
  document.nuevo_presupuesto.telefono.value="";
	document.nuevo_presupuesto.rut.focus();
  }
  }

  ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  //enviando los valores
  ajax.send("rut="+rut+"&nombre_1="+nom_1+"&nombre_2="+nom_2+"&apepater="+apater+"&apemater="+amater+"&fecha="+date+"&direccion="+dire+"&telefono="+tfijo)
}

buenoo en resumen es q ceo el presupuesto, llamo a la funcion ajax, lanzo la respuesta al contenedor div, pero no me ejecuta los script en la otra pagina

saludos

ahber si alguien me ayuda por fa

Tsu_CL · #3 (**permalink**) 05/12/2008, 12:05

me falto poner la pagina q hace la accion

Pagina: registroPresupuesto

Código:

<?php

	include_once("cPresupuesto.php");
	
	$rut=$_POST['rut'];
	$nom_1=$_POST['nombre_1'];
	$nom_2=$_POST['nombre_2'];
	$apater=$_POST['apepater'];
	$amater=$_POST['apemater'];
	$date=$_POST['fecha'];
	$dire=$_POST['direccion'];
	$tfijo=$_POST['telefono'];
	
	$objpresupuesto=new cPresupuesto;
		
	$resultado=$objpresupuesto->crear($rut,$nom_1,$nom_2,$apater,$amater,$date,$dire,$tfijo);//==true){
						
			
		
 include('crear_presupuesto_proce.php');
		

	
?>

Tsu_CL · #4 (**permalink**) 05/12/2008, 12:17

mmm jajaj bueno perdonen este post, pero segui investigando hasta q encontre luces :)
y lo solucione

lo q hice fue llevar los script de la segunda pagina a la primera, y funciona.

pero

habra otra forma de realizarlo, ya que si tengo muchas paginas q se habren de esa llama ajax, no podre poner todos los script en la pagina principal.

saludos