//ESTIMADOS NECESITO ENVIAR LOS DATOS DE ESTA TABLA A MYSQL SOY NOVATE EN ESTO AYUDA.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="imagenes/logo1.jpg" type="image/jpg" />
<title>FDS - UPGRADE - BODEGA EL PINAR</title>
<link href="css/menu.css" rel="stylesheet" type="text/css" />
<link href="css/form2.css" rel="stylesheet" type="text/css" />
<link href="css/form.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<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","left");
var celdaFEC = document.createElement("TD");
var fecha = document.createElement("INPUT");
fecha.setAttribute("type","text");
fecha.setAttribute("size","8");
fecha.setAttribute("maxlength","20");
fecha.setAttribute("name","fecha" + cont.value);
celdaFEC.appendChild(fecha);
var celda1 = document.createElement("TD");
var partnumber = document.createElement("INPUT");
partnumber.setAttribute("type","text");
partnumber.setAttribute("size","8");
partnumber.setAttribute("maxlength","20");
partnumber.setAttribute("name","partnumber" + cont.value);
celda1.appendChild(partnumber);
var celdaSE = document.createElement("TD");
var serialnumber = document.createElement("INPUT");
serialnumber.setAttribute("type","text");
serialnumber.setAttribute("size","8");
serialnumber.setAttribute("maxlength","20");
serialnumber.setAttribute("name","serialnumber" + cont.value);
celdaSE.appendChild(serialnumber);
var celdaAR = document.createElement("TD");
var articulo = document.createElement("INPUT");
articulo.setAttribute("type","text");
articulo.setAttribute("size","8");
articulo.setAttribute("maxlength","20");
articulo.setAttribute("name","articulo" + cont.value);
celdaAR.appendChild(articulo);
var celdaMO = document.createElement("TD");
var modelo = document.createElement("INPUT");
modelo.setAttribute("type","text");
modelo.setAttribute("size","8");
modelo.setAttribute("maxlength","20");
modelo.setAttribute("name","modelo" + cont.value);
celdaMO.appendChild(modelo);
var celdaMA = document.createElement("TD");
var marca = document.createElement("INPUT");
marca.setAttribute("type","text");
marca.setAttribute("size","8");
marca.setAttribute("maxlength","20");
marca.setAttribute("name","articulo" + cont.value);
celdaMA.appendChild(marca);
var celda2 = document.createElement("TD");
var sel = document.createElement("SELECT");
sel.setAttribute("size","1");
sel.setAttribute("name","sel" + cont.value);
opcioncur = document.createElement("OPTION");
opcioncur.innerHTML = '';
opcioncur.innerHTML = '';
opcioncur.value = '';
sel.appendChild(opcioncur);
opcion1 = document.createElement("OPTION");
opcion1.innerHTML = "BUENO";
opcion1.value = "BUENO";
sel.appendChild(opcion1);
opcion2 = document.createElement("OPTION");
opcion2.innerHTML = "MALO";
opcion2.value = "MALO";
sel.appendChild(opcion2);
opcion3 = document.createElement("OPTION");
opcion3.innerHTML = "REUTILIZADO";
opcion3.value = "REUTILIZADO";
sel.appendChild(opcion3);
opcion4 = document.createElement("OPTION");
opcion4.innerHTML = "ARTICULO ROTO";
opcion4.value = "ARTICULO ROTO";
sel.appendChild(opcion4);
opcion5 = document.createElement("OPTION");
opcion5.innerHTML = "CAJA ROTA";
opcion5.value = "CAJA ROTA";
sel.appendChild(opcion5);
celda2.appendChild(sel);
var celdaREM = document.createElement("TD");
var valorREM = document.createElement("INPUT");
valorREM.setAttribute("type","text");
valorREM.setAttribute("size","9");
valorREM.setAttribute("maxlength","50");
valorREM.setAttribute("name","valorA" + cont.value);
celdaREM.appendChild(valorREM);
var celdaBOD = document.createElement("TD");
var valorBOD = document.createElement("INPUT");
valorBOD.setAttribute("type","text");
valorBOD.setAttribute("size","9");
valorBOD.setAttribute("maxlength","50");
valorBOD.setAttribute("name","valorB" + cont.value);
celdaBOD.appendChild(valorBOD);
var celdaOBC = document.createElement("TD");
var valorOBC = document.createElement("INPUT");
valorOBC.setAttribute("type","text");
valorOBC.setAttribute("size","15");
valorOBC.setAttribute("maxlength","200");
valorOBC.setAttribute("name","valorC" + cont.value);
celdaOBC.appendChild(valorOBC);
var celda6 = document.createElement('TD');
var boton = document.createElement('INPUT');
boton.setAttribute('type','button');
boton.setAttribute('value','borrar');
boton.onclick=function(){borrarFila(this);}
celda6.appendChild(boton);
fila.appendChild(celdaFEC);
fila.appendChild(celda1);
fila.appendChild(celdaSE);
fila.appendChild(celdaAR);
fila.appendChild(celdaMO);
fila.appendChild(celdaMA);
fila.appendChild(celda2);
fila.appendChild(celdaREM);
fila.appendChild(celdaBOD);
fila.appendChild(celdaOBC);
fila.appendChild(celda6);
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>
<div id="principal">
<div id="page">
<p class="parrafo4">FDS - UPGRADE - BODEGA EL PINAR - INGRESO DE ARTICULOS</p>
<img src="imagenes/logo.jpg" height="79" width="250">
</div>
<div id="menu">
<ul>
<li><a href="bodega pinar.php">Volver a la bodega el pinar</a>
</li>
</ul>
</div>
</div>
<div id="pageposition11">
<body onLoad="adicionarFila()">
<Form name="detalle" action="registroingreso.php" method="POST">
<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>Fecha</td>
<td>Part/Number</td>
<td>Serial/Number</td>
<td>Articulo</td>
<td>Modelo</td>
<td>Marca</td>
<td>Estado</td>
<td>Remite</td>
<td>Bodega</td>
<td>Observaciones</td>
<td>Borrar/Item</td>
</tr>
</table>
<table align=center width=20% cellpadding=0 cellspacing=0 border="1">
<tr>
<td><p align="center">Seleccione una opcion</p></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>
</div>
</body>
</html>
