Un formularios con ayuda

ManelGomez · #1 (**permalink**) 01/04/2010, 08:17

Hola a todos:

Necesito saber como hacer esto:

Tengo un formulario, en este formulario hay input (Codigo postal), Cuando haces click sobre este input, se abre una ventana (window.opem) con los codigos que puedes poner, que es otro fichero con un listado de los codigos

Quiero que al hacer click sobre el codigo postal que quieres, te traslade al formulario el codigo postal, la poblacion y provincia. Estos tres campos estan en una tabla de la base de datos.

El listado ya muestra los codigos postales, poblacion y provincia. Solo tengo que aprender a traslador estos campos a los input del formulario anterior. Así el usuarios no tiene que teclear la poblacion y provincia.

Un Saludo.

Adler · #2 (**permalink**) 01/04/2010, 11:50

Hola

Sería algo como esto

Código Javascript:

Ver originalfunction enviar_datos_cliente(){
        window.opener.document.form1.nombre_campo.value ="<?php echo $cliente?>";            
 
self.close()
}

Cita:

<a href="#na" target="popup" hreflang="es" title="Imagen del Producto" onclick="enviar_datos_cliente();">Enviar Datos Al Form</a>

Suerte

ManelGomez · #3 (**permalink**) 02/04/2010, 10:22

Perdona.

Para alquien que sepa, seria estupendo, pero para uno que empezando me es muy dificil interpretar donde va cada cosa.

Podrias ser un poco mas extensivo. Un ejemplo seria fabuloso.

Gracias.

Adler · #4 (**permalink**) 02/04/2010, 13:04

Hola

Veamos un ejemplo practico

Abrir_popup.html

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
function abrir () {
var ancho = parseInt(((screen.width) / 2) - 150);
var alto = parseInt(((screen.height) / 2) - 150);
window.open('insertar_datos_desdepopup.php','popup','resizable=yes, top='+alto+', left='+ancho+', width=300 ,height=300,  menubar=no, scrollbars=no, status=no, titlebar=no, toolbar=no,directories=no');
}
</script>
</head>
<body>
<a href="javascript:void(0);" target="popup" hreflang="es" title="Imagen del Producto" onclick="abrir();">Abrir POPUP</a><br /><br />
<form name="form1">
Razon: <input type="text" id="camp1" name="camp1" value="" /><br />
Cliente: <input type="text" id="camp2" name="camp2" value="" /><br />
Calle: <input type="text" id="camp3" name="camp3" value="" />
</body>
</html>

insertar_datos_desdepopup.php

Código PHP:

Ver original<?php
$razon = "Por que quiero";
$cliente = 12;
$calle = "Italia";
?>
<html>
<head>
<script type="text/javascript">
function enviar_datos_cliente(){
        window.opener.document.form1.camp1.value ="<?php echo $razon?>";        
        window.opener.document.form1.camp2.value ="<?php echo $cliente?>";            
        window.opener.document.form1.camp3.value ="<?php echo $calle?>";
self.close()
}
 
</script>
</head>
<body>
Estos serán los datos que se enviarán al form<br />
Razon: <?php echo $razon?><br />
Cliente: <?php echo $cliente?><br />
Calle: <?php echo $calle?><br /><br />
<a href="#na" target="popup" hreflang="es" title="Imagen del Producto" onclick="enviar_datos_cliente();">Enviar Datos Al Form</a>
</body>
</html>

Suerte

ManelGomez · #5 (**permalink**) 03/04/2010, 03:10

Muy bueno a funcionado a la primera.

Si no es mucho pedir. Ten en cuenta que con tu ejemplo (muy bueno de entender), estoy pasando literales que previamente he definido.

Pero cuando son los valores de unos registros de una tabla de tu db que has listado, como es:

1.- Tienes que hacer un mysql_query del registro para obtener el resto de los valores, o solo haciendo click sobre el registro ya obtendrias los valores, si es así, cual seria la sintaxis en la cabecera head.

Un Saludo Adler.

PD: Que dios te guarde muchos años.

Adler · #6 (**permalink**) 03/04/2010, 04:26

Hola

Tienes que hacer la consulta para traer los valores del registro

Suerte

ManelGomez · #7 (**permalink**) 03/04/2010, 08:29

Correcto:

De acuerdo, en la ventana emergente tienes todos los códigos postales. Haciendo click sobre uno de ellos seleccionas el registro. Vuelves hacer sql sobre la tabla para seleccionar el registro seleccionado. Los campos se vuelcan sobre las variables, he comprabado con echo que las variables tiene el valor deseado. Pero la función no se ejecuta.

Mira aquí por el código para saber que hago mal.

Código PHP:

  <?php 
$nombre_session = "sesion_paneldream"; 
session_name($nombre_session); 
session_start(); 
require("../con_bd.php"); 
?> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link href="includes/admin_styles.css" type='text/css' rel='stylesheet'> 
<title>Buscador de Códigos Postales</title> 
 
<script language="javascript" type="text/javascript"> 
  function InsertarCodigos(){ 
    window.opener.document.editarpiso.CodPost.value="<?php echo $CodiPost?>"; 
    window.opener.document.editarpiso.Pobl.value="<?php echo $Pobl?>";      
    window.opener.document.editarpiso.Prov.value="<?php echo $Prov?>";           
    self.close(); 
   } 
</script> 
</head> 
 <body> 
     <table> 
     <tr> 
     <td width='50'height="20" class="Esquema">C&oacute;digo</td> 
     <td width='300' class="Esquema" align="center">Poblaci&oacute;n</td> 
     <td width='100' class="Esquema" align="center">Provincia</td>       
    </tr> 
      <?php 
        $_pagi_sql = "SELECT * FROM poblaciones Order by NombPobl"; 
        $query = mysql_query($_pagi_sql); 
        while ($sql2 = mysql_fetch_array($query)) { 
          echo "<tr><td class='Campo' align='center'>$sql2[CodiPost]</td> 
       <td class='Campo' align='left'><a href='dgcopost.php?sec=asignarcodigos&cd=$sql2[CodiPost]'>$sql2[NombPobl]</a></td> 
       <td class='Campo' align='center'>$sql2[NombProv]</td></tr>"; 
        } 
       ?> 
     </table> 
      
<?php  
  switch ($_GET["sec"]) { 
    case 'asignarcodigos'; 
      $rescod = mysql_query("SELECT * FROM poblaciones Where CodiPost='$_GET[cd]'"); 
      $cod = mysql_fetch_array($rescod); 
      $CodiPost="$cod[CodiPost]"; 
      $Pobl="$cod[NombPobl]"; 
      $Prov="$cod[NombProv]"; 
      } 
  ?> 
   <a href="javascript=InsertarCodigos();"</a> 
 </body> 
</html>

Y la ventana no se cierra, hacer la seleccion la hace bien, yq que he puesto unos echo y los valores de los campos aparecen.

Un Saludo y si me pueden echar un cable, Gracias.

Adler · #8 (**permalink**) 03/04/2010, 12:33

Hola

Esto está mal

Cita:

en todo caso

Cita:

<a href="javascript:InsertarCodigos();">Insertar Datos</a>

pero leete este articulo sobre javascript no intrusivo

Suerte

ManelGomez · #9 (**permalink**) 04/04/2010, 10:56

Sigue sin ejecutar la sentencia de InsertarCodigos()

Hay varios hilos, pero ninguno da con la solución, y es un tema que esta bastante solicitado por lo que he podido ver.

Haciendo Debug con un IDE, puedes comprobar que la instrucción no se cumple, he intentado varios veces sacarla de donde esta y ponerla en varios sitios.

Si alguien pude seguir.

Gracias

Adler · #10 (**permalink**) 04/04/2010, 12:59

Hola

LLeva la función al final, justamente antes de </body>

Suerte

ManelGomez · #11 (**permalink**) 04/04/2010, 16:57

Hola Adler:

Esto sigue sin salir, llevo la hostia de horas buscando y buscando.

No tiene que ser tan dificil, la mayora de los hilos que he encontrado se refieren a un boton que ejecuta la función.

Creo que lo que yo pretendo no estan dificil. Mostrar en una ventana popup, un listado mostrado "Codigo Postal Poblacion Provincia" con el raton haces click sobre uno y acto seguido se cierra el popup y el codigo postal, población y provincia te los coloca en los input de la ventana padre.

Lo bueno es que hay bastantes hilos, pero ninguno como este de enviar a la ventana padre los datos haciendo click sobre un registro de una tabla que has rellenado con los datos guardados. Todos hacen referencia a clickear sobre un boton.

El código que tengo esta expuesto anteriormente en este hilo.

Un Saludo.

Adler · #12 (**permalink**) 05/04/2010, 07:13

Hola

A ver te he montado esto, pruebalo

Código Javascript:

Ver original<?php
$razon = "Por que quiero";
$cliente = 12;
$calle = "Italia";
$razon2 = "¿Por que no?";
$cliente2 = 23;
$calle2 = "La mia";
?>
<html>
<head>
<script type="text/javascript">
function Evento() {
var trs = document.getElementById('tabla').getElementsByTagName('tr');
    for(i=0; i < trs.length; i++) {
        (function() {
var elemento = trs[i];
var nomevento = "click";
var funcion = function() { 
    enviar_datos_cliente(this.id)
}
            if (elemento.attachEvent) {
                    var f=function(){
                        funcion.call(elemento,window.event);
                    }
                elemento.attachEvent('on'+nomevento,f);
                return true;
            }
            else  
                if (elemento.addEventListener) {
                        elemento.addEventListener(nomevento,funcion,false);
                        return true;
                    }
            else
                    return false;
            }
        )()
        }
 
}
window.onload = Evento;
</script>
</head>
<body>
Estos serán los datos que se enviarán al form
<table border="1px" id="tabla">
<tr>
<th>Razon</th>
<th>Cliente</th>
<th>Calle</th>
</tr>
<tr id="0">
<td id="R0"><?php echo $razon?></td>
<td id="C0"><?php echo $cliente?></td>
<td id="Ca0"><?php echo $calle?></td>
</tr>
<tr id="1">
<td id="R1"><?php echo $razon2?></td>
<td id="C1"><?php echo $cliente2?></td>
<td id="Ca1"><?php echo $calle2?></td>
</tr>
</table>
<script type="text/javascript">
function enviar_datos_cliente(id){
        window.opener.document.form1.camp1.value = document.getElementById('R'+id).innerHTML;        
        window.opener.document.form1.camp2.value = document.getElementById('C'+id).innerHTML;            
        window.opener.document.form1.camp3.value = document.getElementById('Ca'+id).innerHTML;
self.close()
}
</script>
</body>
</html>

Suerte

ManelGomez · #13 (**permalink**) 05/04/2010, 09:58

Hola Adler:

Muchisimas gracias por la molestia que te tomas.

Tu código funciona de coña. Pero no se adaptarlo al listado de los registros de la tabla de datos. De todas maneras he conseguido traslador un campo. Me explico, Cuado clickear sobre un registro de la tabla de codigos postales se ejecuta, se cierra la ventana hija y en los input de la ventana padre en un campo pone el valor del registro (codigopostal) pero en los otros dos pone "undefined", esta claro que algo hace, pero ahora lo que hay que averigurar es que pasa con los otros dos campos.

Pongo el código:

Código PHP:

  <?php 
$nombre_session = "sesion_paneldream"; 
session_name($nombre_session); 
session_start(); 
require("../con_bd.php"); 
?> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link href="includes/admin_styles.css" type='text/css' rel='stylesheet'> 
<title>Buscador de Códigos Postales</title> 
 
<script language="javascript" type="text/javascript"> 
  function InsertarCodigos(CodiPost,PoblPiso,ProvPiso){ 
    window.opener.document.editarpiso.CodPost.value=CodiPost;     
    window.opener.document.editarpiso.PoblPiso.value=PoblPiso;         
    window.opener.document.editarpiso.ProvPiso.value=ProvPiso;                   
    window.close();   
   } 
</script> 
</head> 
 <body> 
  <form name="form1" method="POST"> 
     <table> 
     <tr> 
     <td width='50'height="20" class="Esquema">C&oacute;digo</td> 
     <td width='300' class="Esquema" align="center">Poblaci&oacute;n</td> 
     <td width='100' class="Esquema" align="center">Provincia</td>       
    </tr> 
      <?php 
        $_pagi_sql = "SELECT * FROM poblaciones Order by NombPobl"; 
        $query = mysql_query($_pagi_sql); 
        while ($sql2 = mysql_fetch_array($query)) { 
          echo "<tr><td class='Campo' align='center'>$sql2[CodiPost]</td> 
       <td class='Campo' align='left'><a href='javascript:InsertarCodigos($sql2[CodiPost])'>$sql2[NombPobl]</a></td> 
       <td class='Campo' align='center'>$sql2[NombProv]</td></tr>"; 
        } 
       ?> 
     </table> 
  </form> 
 </body> 
</html>

Si en la instrucción <a href='javascript:InsertarCodigos($sql2[CodiPost])'> pongo mas de un parametro, osea ademas de pasar el codipost, pasar el nombre de la ciudad, ya no funciona, no cierra la ventana, ni hace nada sequeda donde esta.

Entonces creo que el problema esta en como pasar más de un parametro a la función. He visto otro hilo, ahora mismo no se en que foro, que le pasaba lo mismo, lo malo es que no tenia continuidad.

Un Saludo.

ManelGomez · #14 (**permalink**) 06/04/2010, 16:10

Me respondo a mi mismo:

Para el que haya seguido este hilo. Me ha sido imposible encontrar la solucilón de que al clickear sobre una fila de una tabla en la cual vuelcas los codigos postales, poblacion y provincia o estado de tu base de datos en una ventana secundaria y con esos datos actualizarlos en los input de la ventana principal para asi ahorrar tiempo al usuario que sabiendo el codigo postal, el campo de poblacion y provincia o estado se completan.

Lo que al final he hecho es poner los campos del registro seleccionado en input de la ventana secundaria y luego con un boton de actualizar o traspasar a la ventana principal.

Mis saludos y gracias a Adler.

Aqui pongo el código.

Código PHP:

  
<?php 
$nombre_session = "sesion_paneldream"; 
session_name($nombre_session); 
session_start(); 
require("../con_bd.php"); 
?> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link href="includes/admin_styles.css" type='text/css' rel='stylesheet'> 
<title>Buscador de Códigos Postales</title> 
 
<script language="javascript" type="text/javascript"> 
  function InsertarCodigos(){ 
    window.opener.document.editarpiso.CodPost.value= window.document.form1.CodiPost.value;     
    window.opener.document.editarpiso.PoblPiso.value=window.document.form1.NombPobl.value;         
    window.opener.document.editarpiso.ProvPiso.value=window.document.form1.NombProv.value;;                   
    window.close(); 
   } 
</script> 
</head> 
 <body> 
  <form name="form1" method="POST"> 
     <table> 
     <tr> 
     <td width='50'height="20" class="Esquema">C&oacute;digo</td> 
     <td width='300' class="Esquema" align="center">Poblaci&oacute;n</td> 
     <td width='100' class="Esquema" align="center">Provincia</td>       
    </tr> 
      <?php 
        $_pagi_sql = "SELECT * FROM poblaciones Order by NombPobl"; 
        $query = mysql_query($_pagi_sql); 
        while ($sql2 = mysql_fetch_array($query)) { 
          echo "<tr><td class='Campo' align='center'>$sql2[CodiPost]</td> 
             <td class='Campo' align='left'><a href='dgcopost.php?sec=asignarcodigos&cd=$sql2[CodiPost]'>$sql2[NombPobl]</a></td> 
       <td class='Campo' align='center'>$sql2[NombProv]</td></tr>"; 
        } 
       ?> 
     </table> 
<?php  
  switch ($_GET["sec"]) { 
    case 'asignarcodigos': 
      $rescod = mysql_query("SELECT * FROM poblaciones Where CodiPost='$_GET[cd]'"); 
      $cod = mysql_fetch_array($rescod); 
      } 
  ?> 
     <table> 
     <tr></tr> 
     <tr><td width="60" valign="middle"><input name="CodiPost" type="text" style="text-align:center;" class="CampoSolo" id="CodiPost"  value="<?php echo $cod[CodiPost]?>" size="7" maxlength="5"></td> 
         <td width="200" valign="middle"><input name="NombPobl" type="text" style="text-align:left;" class="CampoSolo" id="NombPobl"  value="<?php echo $cod[NombPobl]?>" size="35"></td>      
         <td width="60" valign="middle"><input name="NombProv" type="text" style="text-align:left;" class="CampoSolo" id="NombProv"  value="<?php echo $cod[NombProv]?>"></td>      
     </tr> 
     <tr></tr> 
     </table> 
     <table> 
     <tr><td align="center"><a href="javascript:InsertarCodigos();">Pasar Valores</a></td></tr> 
     </table> 
  </form> 
 </body> 
</html>

Un Saludo.