Mandar por Mail arreglo y formulario

[miguelA4]

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:

<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:

<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:

<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:

<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

[rbczgz]

Hola miguelA4,

De todo lo que has puesto, no veo nada de PHP ¿no deberías publicarlo en el de JavaScript?

[miguelA4]

Iniciado por rbczgz

Hola miguelA4,

De todo lo que has puesto, no veo nada de PHP ¿no deberías publicarlo en el de JavaScript?

UPS! tienes razón, alguna manera de moverlo?. Es la costumbre de publicar siempre en PHP.

[rbczgz]

Hola miguelA4,

Que yo sepa no hay otra forma de moverlo que no sea hecho por un moderador, lo mejor es que se lo pidas a alguno.

[miguelA4]

Gracias rbczgz!

Algún moderador que me mueva el post a JavaScript?