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>
: 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>