Estoy creando con un arreglo, algo parecido a "presupuesto online". Los clientes irán añadiendo servicios y quitando, y eso va creando lo que vendría siendo una Proforma la cual me llegara por mail y ya solo quedaría conversar con el cliente.
Lo que es el arreglo ya lo tengo y me muestra todo correctamente, tanto puedo añadir como quitar y funciona todo bien.
Pero el problema que no tengo ni la menor idea de como hacer que al poner los datos del cliente y le den a enviar, me lo mande todo por mail.
Adjunto código por si podeis guiarme, es algo extenso, pido disculpas de ante mano.
Pego sólo una función que no me deja más...
Código Javascript:
Ver original
<script> // WEB 2.0 // var total = 0; function pintaHosting(){ var miListaDeConceptos = [ { "concepto": "Web Corporativa 2.0", "precio": 70, "concepto2": "Hosting Web", "concepto3": "Panel para gestionar el Blog", "concepto4": "Adaptada a dispositivos moviles", "concepto5": "Mantenimiento incluido", "concepto6": "Formación de <span class=\"etisnce\">2 Horas</span>", "concepto7": "Atención al cliente" } ]; if($("#div_0").length === 0){ $.gritter.add({ // heading of the notification title: '¡Producto Añadido!', // the text inside the notification image: 'images/confirm.png', // how fast notifications fade in fade_in_speed: 'medium', // how fast the notices fade out fade_out_speed: 1000, }); for (i = 0; i < miListaDeConceptos.length; i++){ var elemento = miListaDeConceptos[ i ]; document.getElementById('htmlHosting2').style.display='none'; $( "#htmlHosting" ).append( '<div id="div_'+i+'" class="servicio-pres2 espa-ps3" data-precio="'+elemento.precio+'">'+elemento.concepto+'<button onclick="borrame2(this);" class="bt-comp"><i class="fa fa-times"></i></button><span class="servicio-pres3">'+elemento.precio+',00 €</span><div class="servicio-pres256">'+elemento.concepto2+'<span class="servicio-pres312">0,00 €</span></div><div class="servicio-pres257">'+elemento.concepto3+'<span class="servicio-pres312">0,00 €</span></div><div class="servicio-pres257">'+elemento.concepto4+'<span class="servicio-pres312">0,00 €</span></div><div class="servicio-pres257">'+elemento.concepto5+'<span class="servicio-pres312">0,00 €</span></div><div class="servicio-pres257">'+elemento.concepto6+'<span class="servicio-pres312">0,00 €</span></div><div class="servicio-pres257">'+elemento.concepto7+'<span class="servicio-pres312">0,00 €</span></div></div>' ); total += elemento.precio; } $("#htmlTotal").html('<div id="div_total" class="col-md-3 palab-total3"><span class="palab-total">TOTAL: </span><span class="palab-total2">'+total+',00 €/mes*</span><div></div></div>'); } else { $.gritter.add({ // heading of the notification title: 'Ya has añadido este producto', // the text inside the notification image: 'images/confirm.png', // how fast notifications fade in fade_in_speed: 'medium', // how fast the notices fade out fade_out_speed: 1000, }); } } function borrame2( esto){ var contenedor = $( esto ).parent(); var precio = contenedor.attr( "data-precio" ); contenedor.remove(); total = total - precio; document.getElementById('htmlHosting2').style.display='block'; $("#htmlTotal").html('<div id="div_total" class="col-md-3 palab-total3"><span class="palab-total">TOTAL: </span><span class="palab-total2">'+total+',00 €/mes*</span></div>'); } // FIN WEB 2.0 // </script>
CON ESTO CREO LA FUNCIÓN PARA PINTAR EL ELEMENTO EN EL DIV. (Este es sólo uno, hay otro para pintar lo que incluye la tienda online y otro para cada de los servicios que hay. Pero así es algo mas corto).
Código PHP:
Ver original
<a href="javascript:pintaHosting()" ><div id="imagen1" class="col-md-3"></div></a>
AQUÍ PINTO LOS ELEMENTOS. (De esto hay 3 pero sólo os pongo 1)
Código PHP:
Ver original
<div id="htmlHosting2" class="alps alert-warning "> <span><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></span> <span class="pano">No a añadido ningúna web</span> </div>
POR ÚLTIMO EL FORMULARIO.
Código PHP:
Ver original
<form action="form2.php" method="post"> <input type="text" name="nombre" placeholder="Nombre" type="text" > <input type="text" name="telefono" placeholder="Teléfono" type="text" /> <input type="email" name="email" placeholder="Email" type="text" /> <input type="reset" class="hvr-sweep-to-right btppp2" value="Borrar" /> <input type="submit" class="hvr-sweep-to-right btppp" value="Enviar" /> </form>
Siento que sea algo tan extenso, podéis ver el funcionamiento en AQUÍ
Saludos