Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/07/2015, 19:02
jjjtaccess
 
Fecha de Ingreso: junio-2015
Ubicación: Venezuela
Mensajes: 6
Antigüedad: 8 años, 10 meses
Puntos: 0
Información Enviar datos por php

Surge otro inconveniente.....

Hola, decir por demas que soy nuevo en Javascript (conocimientos basicos)

Me surge una inquietud y no se por donde comenzar... haber.!

Tengo este codigo que funciona perfectamente


Código HTML:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jefferson Jimenez</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <link rel='stylesheet prefetch' href='http://s.cdpn.io/3/bootstrap.min.css'>
</head>
 
<body>
 
 
<section class="container">
 
	<h2>Tabla Filtrar</h2>
 
	<input type="button" onClick="filtraCantidad();" value="filtra">
        <input type='button' id="btnImpr" onclick='window.print();' value='Imprimir' />
 
	<table name="datos" class="order-table table">
		<thead>
			<tr>
				<th>Name</th>
				<th>Email</th>
				<th>Phone</th>
				<th>Price</th>
		       </tr>
		</thead>
		<tbody id="datos">
			<tr>
				<td>John Doe</td>
				<td>[email protected]</td>
				<td>0123456789</td>
				<td>99</td>
				<td><input type="text" name="Cantidad" id="Cant1" value=""></td>
			</tr>
			<tr>
				<td>Jane Vanda</td>
				<td>[email protected]</td>
				<td>9876543210</td>
				<td>349</td>
				<td><input type="text" name="Cantidad" id="Cant2" value=""></td>
			</tr>
			<tr>
				<td>Alferd Penyworth</td>
				<td>[email protected]</td>
				<td>6754328901</td>
				<td>199</td>
				<td><input type="text" name="Cantidad" id="Cant3" value=""></td>
			</tr>
			<tr>
				<td>Jefferson</td>
				<td>[email protected]</td>
				<td>041456545454</td>
				<td>125</td>
				<td><input type="text" name="Cantidad" id="Cant4" value=""></td>
			</tr>
 
		</tbody>
	</table>
 
</section>
 
<script>
function filtraCantidad()
{
	// la var para recorrer la tabla
	var tableReg = document.getElementById('datos');
	// la var para pasar el input donde deseo hacer match
	var x = document.getElementsByName("Cantidad");
 
	for(var i = 0; i < x.length; i++)
	{ // Recorremos todas las celdas
		// Comparo sea tipo input text
		if (x[i].type == "text")
		{
			console.log(x[i].value);
			// Verifico el valor del input
			if (x[i].value == null || x[i].value.length == 0 || x[i].value=="" || /^\s*$/.test(x[i].value))
			{ // Si esta vacio oculto el display
				console.log(i);
				tableReg.rows[i].style.display = 'none';
			} else { // caso contrario lo hago visible
				tableReg.rows[i].style.display = '';
			}
		}
	}
}
</script>
 
</body>
</html>
 

Lo que deseo, me explico :

1) si coloco xx cantidad en cualquier <td> y pulso el boton filtrar (BIEN)
2) si pulso el boton imprimir (bien) imprime solo los <td> que recoje de la funcion filtrar (BIEN)

El problema ???

Como hago para poder enviar esos datos por email embebidos en el cuerpo del mensaje usando php (demas decir que enviar email por php se hacerlo) lo que no se "ni idea" es como recojer los datos filtrados {tal y como lo hace el boton imprimir}

Con esta funcion de JQuery [URL="http://pandamonios.com/blog/array-dinamico-en-jquery-php"]Link JQuery[/URL] explica un poco el procedimiento, pero no estoy seguro de poder implementar...

Necesito un poco de luces para poder encaminarme, por favor.!