Hola buenas tardes.
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