07/10/2010, 08:06
|
| | Fecha de Ingreso: octubre-2007
Mensajes: 43
Antigüedad: 17 años, 1 mes 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... |