Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/10/2010, 08:06
Ronyphp
 
Fecha de Ingreso: octubre-2007
Mensajes: 43
Antigüedad: 16 años, 6 meses
Puntos: 0
Pregunta llamar datos de mysql de un cuadro de texto en forma dinamica

Hola a todos la gente del foro tengo una duda y como es primera vez que hare algo asi o sea soy novato no he dado con la solucion o con que lenguaje deberia hacer esto...

Tengo este codigo que me parecio muy facil de entender y muy bueno que es ir creando cajas de texto en forma dinamica se los pego de inmediato:

</head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<?php

// Configura los datos de tu cuenta
$dbhost='localhost';
$dbusername='xxxx';
$dbuserpass='xxxx';
$dbname='xxxx';
// Conexión a la base de datos
$connect = mysql_connect ($dbhost,$dbusername,$dbuserpass) or die("Fallo al Conectar");

mysql_select_db($dbname,$connect);

$query="SELECT * FROM articulos ORDER BY codigo Asc";

$results=mysql_query($query) or die(mysql_error());
?>
<html><head>
<title>Agregar fila de campos DINAMICOS</title>
<script type="text/javascript">


function adicionarFila(){
var cont = document.getElementById("cont");
var filas = document.getElementById("filas");
cont.setAttribute("value", parseInt(cont.value,0)+1);
var tabla = document.getElementById("contenido").tBodies[0];
var fila = document.createElement("TR");
fila.setAttribute("align","center");

var celda1 = document.createElement("TD");
var sel = document.createElement("SELECT");
//sel.setAttribute("type","text");
sel.setAttribute("size","1");
sel.setAttribute("name","sel" + cont.value);
<?php
while ($rows=mysql_fetch_array($results)) {
extract($rows);

echo "opcioncur = document.createElement('OPTION');";
echo "opcioncur.innerHTML = '".$codigo."';";
echo "opcioncur.value = '".$descripcion."';";
echo "sel.appendChild(opcioncur);";
}
?>


celda1.appendChild(sel);

var celda2 = document.createElement("TD");
var cantidad = document.createElement("INPUT");
cantidad.setAttribute("type","text");
cantidad.setAttribute("size","20");
cantidad.setAttribute("maxlength","20");
cantidad.setAttribute("name","cantidad" + cont.value);
celda2.appendChild(cantidad);




var celda3 = document.createElement("TD");
var valorA = document.createElement("INPUT");
valorA.setAttribute("type","text");
valorA.setAttribute("size","13");
valorA.setAttribute("maxlength","3");
valorA.setAttribute("name","valorA" + cont.value);
celda3.appendChild(valorA);

var celda4 = document.createElement("TD");
var valorB = document.createElement("INPUT");
valorB.setAttribute("type","text");
valorB.setAttribute("size","13");
valorB.setAttribute("maxlength","3");
valorB.setAttribute("name","valorB" + cont.value);
celda4.appendChild(valorB);


var celda5 = document.createElement('TD');
var boton = document.createElement('INPUT');
boton.setAttribute('type','button');
boton.setAttribute('value','borrar');
boton.onclick=function(){borrarFila(this);}
celda5.appendChild(boton);

fila.appendChild(celda1);
fila.appendChild(celda2);
fila.appendChild(celda3);
fila.appendChild(celda4);
fila.appendChild(celda5);

tabla.appendChild(fila);
}
function borrarFila(button){
var fila = button.parentNode.parentNode;
var tabla = document.getElementById('contenido').getElementsBy TagName('tbody')[0];
tabla.removeChild(fila);
}

</script>

</head>
<body onLoad="adicionarFila()">
<Form name="detalle" action="ej.asp" method="get">
<input name="cont" type="hidden" id="cont" value="0" >
<input name="filas" type="hidden" id="filas" value="" >
<table align=center width=20% cellpadding=0 cellspacing=0 id="contenido" border="1">
<tr align="center">
<td>Producto</td>
<td>Cantidad</td>
<td>Precio</td>
<td>Total</td>
<td></td>
<td>&nbsp;</td>
</tr>
</table>
<table align=center width=20% cellpadding=0 cellspacing=0 border="1">
<tr>
<td>&nbsp;</td>
</tr>
<tr align="center">
<td align="CENTER"><input name="enviar" type="submit" id="enviar" value="enviar" onClick="filas.value=cont.value, cont.value=0">
<input name="nueva_fila" type="button" id="nueva_fila" value="nueva fila" onClick="adicionarFila()"></td>
</tr>
</table>
</form>
</body>
</html>
<body>

Bueno tratando de hacer algo logre llamar de la tabla articulos que tengo en mysql que se compone de tres campos (codido,descripcion y precio) lo que hace este codigo es que en el primer cuadro de texto con formato SELECT coloca todo lo que hay en el campo descripcion de la tabla articulos y ahi uno puede elegir el que quiera, pero me gustaria lograr que en vez de eso pasar ese cuadro de texto de SELECT a INPUT e ingresar ahi el codigo del articulo y en en los otros cuadros de texto que estan al lado coloque al presionar enter o tab o un boton la descripcion de ese producto y el precio, pero de manera dinamica osea sin cambiar de pagina. Bueno espero sus comentarios, como siempre muchas gracias por su ayuda.

saludos...