Seleccionar un usuario de una tabla e ingresarla en un textbox

Landa11 · #1 (**permalink**) 05/06/2014, 16:50

Hola que tal:

Podrían asesorarme en esta duda que tengo???

Tengo este código en donde muestro una tabla de usuarios que se han registrado y los muestra antes de ingresar.

Lo que desconozco es cómo puedo darle click a uno de los usuarios y que se escriba directamente en un textbox y así sea mas rápida la consulta.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>.::Cambio PHP::.</title>
</head>
<body topmargin="0">
<table align="right" width="350px" border="0">
<tr>
<td width="100px" align="right">Bienvenido <b><?php session_start(); echo ''.$_SESSION['user']; ?></b></td>
<td width="15px" align="center">
<a href="terminado.php">Cerrar Sesion</a>
</td>
</tr>
</table>
<br /><br />
<?php
 
if($_SESSION['logged'] != 'yes')
{
    header("Location: login.html");
    exit();
}
 
include "funciones.php";
 
foreach ($_POST['seleccion'] as $indice => $valor)
{
$opcion = substr ($_POST['seleccion'][$indice],0,-1);
switch($opcion)
{
    case 'modifica':$sql="UPDATE datos SET 
                          id_tipousuario='".$_POST['id_tipousuario'][$indice]."' 
                          WHERE iduser=".$_POST['iduser'][$indice];break;
    default: echo "<center>NO HAY NADA SELECCIONADO</center>"; break;
}
echo "<center><h3>Variable sql: ".$sql. "</h3></center>";
$resultado = mysql_query($sql);
if (! $resultado ){die ("ERROR AL EJECUTAR LA CONSULTA ".$_POST['seleccion'].":".mysql_error());}
else{
    echo "<center>SENTENCIA EJECUTADA CORRECTAMENTE</center>";
}
}
?>
<form action="principal.php" method="post">
<center><h1><p>Fin de la consulta</p></h1>
<p>
<input type="submit" name="button" value="Regresar a la pagina principal" formaction="principal.php">
</p>
</center>
<br />
<form action="terminado.php" method="post">
<center><input type="submit" name="button" value="Terminar sesion" formaction="terminado.php"/></center>
</form>
</form>
</body>
</html>

Hay alguna forma de jalar uno de esos datos e ingresarlos en ese textbox?

Gracias por su ayuda!!!!!

pzin · #2 (**permalink**) 06/06/2014, 04:07

Tienes que usar JavaScript. Lo muevo para ese foro.

PD: La etiqueta center lleva casi 15 años depreciada y en HTML5 está totalmente obsoleta.

NueveReinas · #3 (**permalink**) 06/06/2014, 05:10

Cita:

Iniciado por pzin

Tienes que usar JavaScript. Lo muevo para ese foro.

PD: La etiqueta center lleva casi 15 años depreciada y en HTML5 está totalmente obsoleta.

Off-topic:
Discrepo, a mí me resulta muy pero muy útil. ¿Acaso hay otra alternativa a la hora de centrar, por ejemplo, contenidos de un DIV? Porque no me molestaría saberla :P

Italico76 · #4 (**permalink**) 06/06/2014, 06:05

@NueveReinas: che, si es texto al div la aplicas {text-align:center;} y si contiene una imagen {display: block; margin-left: auto; margin-right: auto;}

Lo de display: block; te sirve cuando tienes varios elementos (textos e imagenes) en el mismo div.

Ejemplo:

Código HTML:

Ver original<style>
body {background-color: #000;}  
 
div{    
    background-color: #bbb;
    border:2px solid #bbb;
    height:400px;
    width:400px;
    
    /* centra texto */
    text-align:center; 
    
    
    /* centrado vertical */
    display: table-cell; 
    vertical-align: middle;
}
 
IMG.displayed 
{    
    /* centra imagen: */
    margin-left: auto;
    margin-right: auto 
    
    /* hace que el elemento sea el unico horizontalmente, coje todo el width */
    display: block; 
}
 
</style>
 
<div>
Texto centrado<p/>
<IMG class="displayed" src="http://www.w3.org/Style/Woolly/woolly-mc.png" alt="...">
</div>

Ahora intentemos lo mismo con <CENTER>

Código HTML:

Ver original<style>
body {background-color: #000;}  
 
div{    
    background-color: #bbb;
    border:2px solid #bbb;
    height:400px;
    width:400px;
}
</style>
 
<div>
    <center>
        Texto centrado<p/>
        <IMG class="displayed" src="http://www.w3.org/Style/Woolly/woolly-mc.png" alt="..."><br/>       
    </center>
</div>

OK... hubo un centrado pero fue SOLO HORIZONTAL..... y peor... ahora supongamos no tenemos una imagen sino varias y no queremos seguir las recomendaciones de la W3C de usar CSS para el centrado:

Código HTML:

Ver original<style>
body {background-color: #000;}  
 
div{    
    background-color: #bbb;
    border:2px solid #bbb;
    height:400px;
    width:400px;
}
</style>
 
<div>
    <center>
        Texto centrado<p/>
        <IMG class="displayed" src="http://www.w3.org/Style/Woolly/woolly-mc.png" alt="...">
        <IMG class="displayed" src="http://www.w3.org/Style/Woolly/woolly-mc.png" alt="...">
        <IMG class="displayed" src="http://www.w3.org/Style/Woolly/woolly-mc.png" alt="...">
    </center>
</div>

Que paso ahi ?

Si... podriamos poner un <br/> donde nos convenga (aun seguimos con el problema del centrado vertical) pero estamos ensuciando el HTML con elementos innecesarios!

Te recomiendo este articulo

Landa11 · #5 (**permalink**) 06/06/2014, 15:47

Supongo que si es con JavaScript tengo que hacerlo de esta forma:

Código Javascript:

Ver original<script>
function tomarvalor()
{
    var datos = document.getElementById("user[$i]").value;
document.getElementById("user[$i]").innerHTML = datos;
}
</script>

Y utilizando un botón para recoger los valores y utilizar el onClick

Aunque lo que necesito es que cada usuario que aparece en mi tabla, pueda seleccionarse e insertarse en el campo de texto...

Gracias por las aclaraciones por el <center> lo cambiaré por los ejemplos que me mostraron :)

pzin · #6 (**permalink**) 06/06/2014, 16:24

Cita:

Iniciado por NueveReinas

Off-topic:
Discrepo, a mí me resulta muy pero muy útil. ¿Acaso hay otra alternativa a la hora de centrar, por ejemplo, contenidos de un DIV? Porque no me molestaría saberla :P

Puedes discrepar todo lo que quieras, pero que está depreciado en HTML4 [publicado en 1999] y obsoleto en HTML5 es una realidad.