1. EL USUARIO DESEA REGISTRAR UN FORMULARIO, PERO ESTE FORMULARIO HACE REFRENCIA A OTRO.
2. PARA QUE EL USUARIO REGISTRE UNA SUGERENCIA DEBE DE BUSCAR PRIMERO EL PROBLEMA. ESTE PROCESO LO EJECUTO CON UNA VENTANA POPUP EN DONDE LE PRESENTO AL USUARIO UN FORMUALRIO DE BUSQUEDA(F1), UNA VEZ QUE EL USUARIO ENCUENTRA EL PROBLEMA LO SELECCIONA, ESTE SE CARGA A UN FORMULARIO (F2), ESTE FORMULARIO RECOGE LOS DATOS COMO (CODIGO,NOMBRE Y FECHA), ESTOS DATOS SERAN ENVIADOS AL FORMULARIO DE REGISTRO DE SUGERENCIAS(F3), EN DONDE ESTE REGISTRO DE SUGERENCIA HACE REFERENCIA A LOS CAMPOS CARGADOS EN EL FORMULARIO(F0).
PROBLEMA:
EL ACCEDER A LOS DATOS MEDIANTE EL FORMUALRIO DE BUSQUEDA(F1) Y DESPUES CARGALOS AL FORMULARIO(F2), NO HAY PROBLEMA HASTA AQUI TODO VA BIEN.
EL PROBLEMA ESTA EN QUE ESTE FORMUALRIO(F2) TIENE UN BOTON QUE EJCUTA UN EVENTO:
onclick="select_doc_gerente('resultados','reg_suger.php')"
EL CUAL NO HACE NADA.
ADJUNTO CODIDOS:
FORMULARIO(F1):
<style type="text/css">
<!--
.Estilo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}
.Estilo2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
-->
</style>
<!--script type="text/javascript" src="js/compra/select_doc.js"></script-->
<script language="javascript">
function startPop(busca1){
window.open(busca1,"Buscar_Documento","width=600,height=400,scrollbars=NO")
}
</script>
<form method="post" name="f1" id="f1" >
<table width="738" height="117" border="0" align="center" cellpadding="0" cellspacing="1">
<tr>
<td height="32" colspan="4" bgcolor="#333333"><div align="center" class="titulo_tabla Estilo1"> Registro de Sugerencias- Seleccionar Problema </div></td>
</tr>
<tr bgcolor="#FCE4F7">
<td width="159" height="22" bgcolor="#0066FF"><div align="left" class="letras_tabla Estilo2">
<div align="center"><img src="imagenes/flecha_der.JPG" width="14" height="14" align="absmiddle" /> Cod. Doc : <A HREF="javascript:startPop('ver_doc.php');"><img src="imagenes/b_search.png" width="16" height="16" border="0" align="absmiddle" /></A></div>
</div></td>
<td width="206"><input name="cod_doc" type="text" id="cod_doc" value="<?php echo $cod_doc ?>" readonly="" />
<a href="rep_obra.php"><img src="imagenes/excel.jpg" width="16" height="16" border="0"></a></td>
<td width="135" bgcolor="#0066FF"><div align="left" class="letras_tabla Estilo2">
<div align="right">Nombre del Problema: </div>
</div></td>
<td width="233">
<input name="nom_doc" type="text" id="nom_doc" readonly /></td>
</tr>
<tr bgcolor="#FCE4F7">
<td height="26" bgcolor="#0066FF"><div align="left" class="letras_tabla Estilo2">
<div align="right">Fecha de Registro : </div>
</div></td>
<td><input name="fecha_inicio" id="fecha_inicio" type="text" size="15" readonly="readonly" /></td>
<td colspan="2" bgcolor="#FCE4F7"> </td>
</tr>
<tr bgcolor="#FCE4F7">
<td height="24"> </td>
<td bgcolor="#FCE4F7"> </td>
<td colspan="2">
<div align="center">
<input type="button" name="Submit" value=" Seleccionar Obra " onclick="select_doc_gerente('resultados','reg_suger.php')" />
</div></td>
</tr>
</table>
</form>
FORMULARIO(F2)
VER_DOC.PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<!--style type="text/css">
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:0.8em;
}
p{
margin-bottom:0px;
font-weight:bold;
}
a:link, a:visited {
color:#0066FF;
text-decoration:none;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.marco{
BORDER-RIGHT: 1px inset; WIDTH: 420px; HEIGHT: 200px;
PADDING-RIGHT: 6px; BORDER-TOP:1px solid; PADDING-LEFT: 6px;
PADDING-BOTTOM: 6px; MARGIN: 0px; OVERFLOW: auto;
BORDER-LEFT: 1px solid; PADDING-TOP: 6px; BORDER-RIGHT: 1px solid;
BORDER-BOTTOM: 1px solid; color:#1C1062
}
.marco1 .titulo{
text-align:center;color:#29166F; background:#CED9ED;
font-weight:bold;
}
.marco1 .izq{
WIDTH: 95%; HEIGHT: 90%;
}
.Estilo1 {
color: #0033FF;
font-weight: bold;
}
.marco1 { BORDER-RIGHT: 1px inset;
WIDTH: 500px;
HEIGHT: 200px;
BORDER-TOP:1px solid;
MARGIN: 0px;
OVERFLOW: auto;
BORDER-LEFT: 1px solid;
BORDER-RIGHT: 1px solid;
BORDER-BOTTOM: 1px solid;
color:#1C1062;
padding: 6px;
}
body form table tr td {
text-align: left;
}
</style!-->
<script language="javascript" src="funcion/ajax2.js"></script>
<link type="text/css" href="calendar/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
<script type="text/javascript" src="calendar/jquery-1.4.2.js"></script>
<script type="text/javascript" src="calendar/jquery.ui.core.js"></script>
<script type="text/javascript" src="calendar/jquery.ui.widget.js"></script>
<!--script type="text/javascript" src="calendar/jquery.ui.datepicker-es.js"></script-->
<script type="text/javascript" src="calendar/jquery.ui.datepicker.js"></script>
<!--script type="text/javascript" src="./include/jquery-1.7.1.min.js"><!--/script-->
<script type="text/javascript" src="jvalidate/jquery_validate.js"></script>
<!--script src="jvalidate/jquery_validate.js" type="text/javascript"><!--mce:1--><!--mce:1--><!--/script-->
<link type="text/css" href="calendar/demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#fecha1").datepicker({
showOn: 'both', //Parametro para que se vea el icono del calendario
buttonImageOnly: true, //Indicamos si queremos que solo se vea el icono y no el botón
buttonImage: 'calendar/calendar.gif', //Indicamos el icono del botón
firstDay: 1, //El primer día será el 1
changeMonth: true, //Si se pueden cambiar los meses
changeYear: true //Si se pueden cambiar los años
});
});
<!--/script>
<!--script type="text/javascript"-->
var miPeticion = nuevoAjax();
function llamarAjax()
{
miPeticion.onreadystatechange = ProcesarAjax;
miPeticion.open('GET','ver_doc2.php?', true);
miPeticion.send(null);
}
function llamarAjax1()
{
miPeticion.onreadystatechange = ProcesarAjax;
var pagina=document.getElementById('fecha1').value;
miPeticion.open('GET','ver_doc2.php?pagina='+pagina, true);
miPeticion.send(null);
}
function RetornarAjax()
{
var cad='';
var com=document.getElementById('comentarios').value;
miPeticion.open('POST','pagina1.php', true);
miPeticion.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
cad='codigo='+encodeURIComponent(codigo);
conexion1.send(cad);
}
function ProcesarAjax()
{
var resultados = document.getElementById("resultados");
if(miPeticion.readyState == 4)
{
resultados.innerHTML = miPeticion.responseText;
}
else
{
resultados.innerHTML = '<img src="../imagen/anim.gif">';
}
}
</script>
<style type="text/css">
<!--
tr {
color: #D6D6D6;
}
body form table tr td div {
color: #FFF;
font-size: 16px;
}
-->
</style>
</head>
<body>
<form>
<table width="600" height="58" border="0" align="center" cellpadding="1" cellspacing="1">
<!--DWLayoutTable-->
<tr>
<td height="21" colspan="4" bgcolor="#333333"><div align="center">Buscar Documento </div></td>
</tr>
<tr>
<td width="213" height="34" bgcolor="#0066FF"><div align="center"><img src="imagenes/flecha_der.JPG" width="14" height="14" align="absmiddle" /></span> Fecha de Registro</div></td>
<td width="185" valign="middle" bgcolor="#FCE4F7"><input id="fecha1" type="text" name="fecha1" /></td>
<td width="29" valign="middle" bgcolor="#FCE4F7"><!--DWLayoutEmptyCell--> </td>
<td width="160" valign="middle" bgcolor="#FCE4F7"><div align="center">
<input type="button" name="Submit" value=" Buscar " onclick="llamarAjax1()" />
</div></td>
</tr>
</table>
</form>
<br />
<div id="resultados"></div>
<p> </p>
</body>
</html>
ARCHIVOS PHP:
VER_DOC2.PHP
<style type="text/css">
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:0.8em;
}
p{
margin-bottom:0px;
font-weight:bold;
}
a:link, a:visited {
color:#0066FF;
text-decoration:none;
}
a:hover {
color:#FF0000;
text-decoration:none;
}
.marco{
BORDER-RIGHT: 1px inset; WIDTH: 500px; HEIGHT: 200px;
PADDING-RIGHT: 6px; BORDER-TOP:1px solid; PADDING-LEFT: 6px;
PADDING-BOTTOM: 6px; MARGIN: 0px; OVERFLOW: auto;
BORDER-LEFT: 1px solid; PADDING-TOP: 6px; BORDER-RIGHT: 1px solid;
BORDER-BOTTOM: 1px solid; color:#1C1062
}
.marco .titulo{
text-align:center;color:#29166F; background:#CED9ED;
}
.marco .izq{
WIDTH: 95%; HEIGHT: 90%;
}
</style>
<?php
include("conexion.php");
$sql=mysql_query("select iddoc_gerente,nom_doc,fec_reg from doc_gerente where fec_reg like '$pagina';",$conexion);
//$a = "select iddoc_gerente,nom_doc,fec_reg from doc_gerente where fec_reg like '$pagina'";
echo "<br>";
//$cad=$a;
//$sql=mysql_query($cad,$conexion);
echo "<div class=\"marco\">";
echo "<div class=\"titulo\">";
echo " <p>Seleccionar Nombre del Problema</p>";
echo "</div>";
echo "<div class=\"izq\">";
echo "<table width=\"482\" border=\"0\">";
echo "<tr>";
echo "<td width=\"81\" height=\"29\" bgcolor=\"#0066FF\"><strong>Cod Doc</strong></td>";
echo "<td width=\"193\" bgcolor=\"#0066FF\"><strong>Título del Problema</strong></td>";
echo "<td width=\"99\" bgcolor=\"#0066FF\"><strong>Fecha de Registro </strong></td>";
echo "<td width=\"91\" bgcolor=\"#0066FF\">Selecionar</td>";
echo "</tr>";
while($row=mysql_fetch_array($sql))
{
echo " <tr>";
echo " <td>$row[0]</td>";
echo " <td>$row[1]</td>";
echo " <td>$row[2]</td>";
echo " <td><a href=\"ver_doc3.php?iddoc_gerente=$row[0]&nom_doc=$row[1]&fecha1=$pagina\">Seleccionar</a></td>";
echo " </tr>";
}
echo "</table>";
echo "</div>";
echo "</div>";
?>
VER_DOC3.PHP
<html>
<script language="javascript">
function carga()
{
opener.document.f1.cod_doc.value = '<?php echo $_GET["iddoc_gerente"] ?>';
opener.document.f1.nom_doc.value = '<?php echo $_GET["nom_doc"] ?>';
opener.document.f1.fecha_inicio.value = '<?php echo $_GET["fecha1"] ?>';
/* window.opener.location.reload(); */
window.close();
}
</script>
<!--body onLoad="carga()"-->
<body onLoad="carga()">
<!--body onLoad="document.f1.carga()"-->
</body>
</html>
ARCHIVOS JAVASCRIPTS
function select_doc_gerente(div,pagina)
{
var band;
if($F('cod_doc')=="")
{
band = 1;
}
switch(band)
{
case 1: alert("Ingresar Codigo de Obra");break;
default:
campos = Form.serialize('f1');
//alert(campos);
var url = pagina;
var miAleatorio = parseInt(Math.random()*99999999);
var op;
var pars = campos+'&miAleatorio='+miAleatorio;
var target = div;
var miAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});
break;
}
}
ESPERO SU AYUDA Y COLABORACION. GRACIAS
