 
			
				07/10/2010, 08:06
			
			
			     |  
      |    |    |    Fecha de Ingreso: octubre-2007  
						Mensajes: 43
					  Antigüedad: 18 años Puntos: 0     |        |  
        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í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> </td> 
</tr> 
</table> 
<table align=center width=20% cellpadding=0 cellspacing=0 border="1"> 
<tr> 
<td> </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...           |