Rellenar campos de texto a partir de un select a la BD

[avergaf]

hola,queria saber si alguien me puede orientar un poco en como lo puedo hacer para que al ingresar un nombre en un campo de texto y hacerle click a un boton me rellene el resto de los campos de texto con la informacion referente al primer campo que rellene,todo esto en php,o tenria que usar alguna funcion de js?

[jotaincubus]

Exacto debes colocar esa pregunta en el foro de JS ya que con PHP no se puede a no ser que envíes los datos a otra pagina, hagas la consulta, y de ahí muestres de nuevo el formulario con los campos traídos de la consulta...

Mientras con jquery y ajax lo haces todo mas fácil y quemas menos código.

[Patriarka]

Hola Avergaf,

son muchos datos los que tenes que mostrar?

[avergaf]

hola,son solo 4 campos a los que tengo que meterle informacion,conosco una forma de hacerlo en php,pero como lo indico jotaincubus tengo que acceder a otra pagina,y la idea es que lo haga en la misma

[Patriarka]

en total son 5 campos?

y para eso vas a usar ajax???

hay una forma de hacerlo con php y js sin usar ajax

[avergaf]

D: como seria eso??

[Patriarka]

y es re facil:
cuando ingresas el NOMBRE en el campo de texto y haces click en un BUTTON
con alguna funcion JS le envias el valor ingresado y SIN ENVIAR el formulario
validas si hay coincidencias en la base para RELLENAR los otros campos.

cualquiera diria que tenes que ir a otra pagina y traer los datos, es valido, pero no hace falta.

como lo haces? simple:

1- guarda todos los registros en campos HIDDEN asignandole algun ID que diferencie a cada grupo de registros.

2-si le voy a enviar el NOMBRE ingresado desde la funcion js entonces ese va a ser el ID de cada grupo de gistros que quiero mostrar

3- aca te dejo la funcion

Código Javascript:

<script type="text/javascript">
function changeImage(nombre){
    var idImage=document.getElementById('HID_'+nombre).value;  //NOMBRE INGRESADO!!!!
    alert(idImage);  // LO MUESTRO PARA VER SI EXISTE
       //CARGO EN OTRAS VARIABLES EL RESTO DE LOS DATOS SEGUN EL NOMBRE INGRESADO
      
    var hidPath=document.getElementById('HID_img_staff_'+idImage).value;
    var hidCargo=document.getElementById('HID_cargo_staff_'+idImage).value;
    var hidSchool=document.getElementById('HID_school_staff_'+idImage).value;
    var hidNombre=document.getElementById('HID_nombre_staff_'+idImage).value;
    var hidCV=document.getElementById('HID_cv_staff_'+idImage).value;
    //SIEMPRE QUE HALLA RESULTADOS
        //ACTUALIZO LA INFORMACION
       //ACA YO PUSE TODO EN UNA CAPA PERO VOS TENES ADAPTARLO A TU SISTEMA
    if(hidPath!=null || hidPath!=''){
        document.getElementById("staff_info").innerHTML='<table><tr><td rowspan="5"><img height="80px" width="80px" src="'+hidPath+'" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><strong>'+hidNombre+'</strong></td></tr><tr><td>'+hidCargo+'</td></tr><tr><td>'+hidSchool+'</td></tr></table>';
        document.getElementById("staff_info").innerHTML += '<div style="" id="txt_staff">'+hidCV+'<div>';
    }else{
        return false;
    }
}
</script>
 

IMPORTANTE: TENE EN CUENTA EL NOMBRE DE LOS HIDDEN.

LA QUERY ES FACIL
$sql='select * from staff';
$res=mysql_query($sql);
while($row=mysql_fetch_object($res)){
<input type="hidden" name="HID_img_staff_<?php echo $row->nombre; ?>" id="HID_img_staff_<?php echo $row->nombre; ?>" value="<?php echo $imagen; ?>" />
<input type="hidden" name="HID_cargo_staff_<?php echo $row->nombre; ?>" id="HID_cargo_staff_<?php echo $row->nombre; ?>" value="<?php echo $aStaff->getCargo()->getName(); ?>" />
<input type="hidden" name="HID_school_staff_<?php echo $row->nombre; ?>" id="HID_school_staff_<?php echo $row->nombre; ?>" value="<?php echo $aStaff->getSchool()->getName() ?>" />
<input type="hidden" name="HID_nombre_staff_<?php echo $i; ?>" id="HID_nombre_staff_<?php echo $row->nombre; ?>" value="<?php echo $aStaff->getlastName().', '.$aStaff->getName(); ?>" />
<input type="hidden" name="HID_cv_staff_<?php echo $row->nombre; ?>" id="HID_cv_staff_<?php echo $row->nombre; ?>" value="<?php echo $aStaff->getCvDescription(); ?>" />

}


LA IDEA ES QUE OCULTES LA INFORMACION Y SEGUN LO QUE INGRESES EN EL TEXTBOX RECUPERES LA INFO TANTO DESEADA

[avergaf]

=O muchas gracias! lo probaré para ver si me funciona

[avergaf]

De donde sale la variable staff_info?

Código:

document.getElementById("staff_info").innerHTML='<table><tr><td rowspan="5"><img height="80px" width="80px" src="'+hidPath+'" /></td></tr><tr><td>&nbsp;</td></tr><tr><td><strong>'+hidNombre+'</strong></td></tr><tr><td>'+hidCargo+'</td></tr><tr><td>'+hidSchool+'</td></tr></table>';
        document.getElementById("staff_info").innerHTML += '<div style="" id="txt_staff">'+hidCV+'<div>';

[Patriarka]

Hola staff_info es un div cualquiera que va a ser el contenedor donde yo quiero mostrar los datos.
pone en algun lado de tu pagina un div XXX para que se vean los resultados.
el ejemplo es para que vos lo adaptes a tu sistema.

ya se, mostrame la consulta que trae TODOS los campos que queres mostrar
ej

Código SQL:

'select campo1, campo2, campo3, campo4, campo5' FROM mitabla'
 

y lo hacemos

[avergaf]

select emp_rut,emp_fono,ciu_nom,emp_mail from empresas
inner join ciudades on
empresas.ciu_cod=ciudades.ciu_cod
where emp_nom='$nombre'


$nombre seria el nombre del text box donde se escribirá el nombre de la empresa a consultar y a partir de este se obtendran los datos...

[Patriarka]

Iniciado por avergaf

select emp_rut,emp_fono,ciu_nom,emp_mail from empresas
inner join ciudades on
empresas.ciu_cod=ciudades.ciu_cod
where emp_nom='$nombre'


$nombre seria el nombre del text box donde se escribirá el nombre de la empresa a consultar y a partir de este se obtendran los datos...

***************
BUENO ESTO ADAPTALO A TU SISTEMA, PERO DEBERIA FUNCIONAR

Código PHP:

$sql='select * from empresas
inner join ciudades on
empresas.ciu_cod=ciudades.ciu_cod';
$res=mysql_query($sql);
if(mysql_num_rows($res) > 0){
  while($row=mysql_fetch_object(res)){
  //VAMOS A EMPEZAR CON UN SOLO CAMPO, LUEGO VAS AGREGANDO LOS DEMAS
  ?>
  <input type="hidden" name="HID_mail_<?php echo $row->emp_nom; ?>" id="HID_mail_<?php echo $row->emp_nom; ?>" value="<?php echo $row->emp_mail; ?>" />
            
  <?php
  }
}
 

Código Javascript:

<script type="text/javascript">
function valida(){
    var nombre = document.getElementById('nombre').value; //RECUPERO EL VALOR INGRESADO
    alert(nombre);
    
    var mail = document.getElementById('HID_mail_'+nombre).value; //ARMO EL ID DEL HIDDEN QUE TIENE EL MAIL CON EL VALOR INGRSADO
    alert(mail); //muestro el email que CORRESPONDE AL NOMBRE INGRESADO , SI FUNCIONA ESTO SOMOS LOS REYES DEL CARNAVAL
 
    if(mail != null || mail != ''){ //tiene que existir el div para que no de error
        //EN EL CONTENEDOR CREO UN INPUT EDITABLE CON EL MAIL QUE CORRESPONDE AL NOMBRE INGRESADO
        document.getElementById("contenedor").innerHTML = '<input type="text" name="mail" id="mail" value="'+mail+'" />';
    }else{
                alert('no hay resultados');
        return false;
    }
}
</script>
 

?>

Código HTML:

<input type="text" name="nombre" id="nombre" value="" />
<div id="contenedor" name="contenedor"></div>
<input type="button" name="boton" onclick="return valida();" />
 

DESPUES ANDA PROBANDO UNO POR UNO LOS CAMPOS QUE QUERES MOSTRAR

[avergaf]

=O muchisisisimas gracias! lo probaré para ver como me anda :D

[avergaf]

Warning: mysql_fetch_object(): supplied argument is not a valid MySQL result resource in C:\AppServ\www\Xnotas\probando1.php on line 13

me eta tirando ese error,hice una pagina nueva solo para esta funcion,pero el momento de abrirla me muestra el campo de texto y alert con lo que escribo en el campo de texto...pero este error aparece antes que todo...


PD: la tabla ciudades la cambie por comunas

[Patriarka]

Bueno intenta resolverlo vos mismo mirando el codigo,
para empezar cambia el nombre de las tablas que tienen nuevo nombre,

yo veo un solo error que hace q te tire el warning.

si no hay caso te lo digo, pero cuando es asi lo que yo doy como ayuda solo va a funcionar en tu programa
yo lo que te doy es la logica

[avergaf]

ok,muchas gracias,porque me has orientado bastante,ahora iré a comer algo y despues vuelvo a solucionar el asunto!! jeje

[avergaf]

aaaaa funcionó!!! le modifique unas cositas y anda a la perfección!!!!!! ahora lo pondré dentro del form original! muchisisisimas gracias!! :D

ahora mi consulta seria como agregarle mas variables,porque he intentado,pero solo me muestra una,si le pido el rut,pr ejemplo,me muestra solo el rut y me deja de mostrar el mail

[Patriarka]

bueno creo que esta mas que claro.

por cada campo que necesites hace lo mismo:

Código PHP:

Ver originalCopiar

1.
$sql='select * from empresas
2.
inner join ciudades on
3.
empresas.ciu_cod=ciudades.ciu_cod';
4.
$res=mysql_query($sql);
5.
if(mysql_num_rows($res) > 0){
6.
while($row=mysql_fetch_object(res)){
7.
//VAMOS A EMPEZAR CON UN SOLO CAMPO, LUEGO VAS AGREGANDO LOS DEMAS
8.
?>
9.
<input type="hidden" name="HID_mail_<?php echo $row->emp_nom; ?>" id="HID_mail_<?php echo $row->emp_nom; ?>" value="<?php echo $row->emp_mail; ?>" />

<input type="hidden" name="HID_rut_<?php echo $row->emp_nom; ?>" id="HID_rut_<?php echo $row->emp_nom; ?>" value="<?php echo $row->emp_rut; ?>" />
10.

11.
<?php
12.
}
13.
}

Código Javascript:

Ver originalCopiar

1.
<script type="text/javascript">
2.
function valida(){
3.
var nombre = document.getElementById('nombre').value; //RECUPERO EL VALOR INGRESADO
4.
alert(nombre);
5.

6. //ACA ARMA TODAS LAS VARIABLES
var mail = document.getElementById('HID_mail_'+nombre).value; //ARMO EL ID DEL HIDDEN QUE TIENE EL MAIL CON EL VALOR INGRSADO
var rut = document.getElementById('HID_rut_'+nombre).value; //ARMO EL ID DEL HIDDEN QUE TIENE EL MAIL CON EL VALOR INGRSADO
7.
alert(mail+" "+rut); //muestro el email que CORRESPONDE AL NOMBRE INGRESADO , SI FUNCIONA ESTO SOMOS LOS REYES DEL CARNAVAL
8.

9. //mejora este if
if(mail != null || mail != '' || rut != null || rut != '' ){ //tiene que existir el div para que no de error
10.
//EN EL CONTENEDOR CREO UN INPUT EDITABLE CON EL MAIL QUE CORRESPONDE AL NOMBRE INGRESADO
11.
document.getElementById("contenedor").innerHTML = '<input type="text" name="mail" id="mail" value="'+mail+'" />';
document.getElementById("contenedor2").innerHTML = '<input type="text" name="rut" id="rut" value="'+rut+'" />';
12.
}else{
13.
alert('no hay resultados');
14.
return false;
15.
}
16.
}
17.
</script>



?>
Código HTML:

Ver originalCopiar

1.
<input type="text" name="nombre" id="nombre" value="" />
2.
<div id="contenedor" name="contenedor"></div>
<div id="contenedor" name="contenedor2"></div>
3.
<input type="button" name="boton" onclick="return valida();" />