Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Enviar datos filtrados con JavaScript por email con PHP

2 de julio de 2015

Hola, decir por demás que soy nuevo en Javascript (conocimientos básicos)

Me surge una inquietud y no se por dónde comenzar... a ver!

Tengo este código que funciona perfectamente

<!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 botón "Imprimir", imprime solo los <td> que recoje de la función filtrar (bien)

El problema

Cómo hago para poder enviar esos datos por email embebidos en el cuerpo del mensaje usando PHP (demás decir que enviar email por PHP se hacerlo). Lo que no se "ni idea" es cómo recojer los datos filtrados (tal y como lo hace el boton imprimir).

Con esta función de jQuery explica un poco el procedimiento, pero no estoy seguro de poder implementar.

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