PDA

View Full Version : rendere attivo un form invio mail


nicolass2005
25-07-2017, 13:21
salve ho una pagina html con impostato form e formattazione, ma dovrei collegarla ad un file .php o .js per poter rendere il tutto attivo. Come Posso fare? Vi inserisco il listato sorgente della pagina

Nella sezione head:

<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<!-- CSS -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/responsive.css">

<!-- Js -->
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/min/waypoints.min.js"></script>
<script src="js/jquery.counterup.js"></script>

<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxx"></script>
<script src="js/google-map-init.js"></script>
<script src="js/main.js"></script>


Nella sezione body che renderizza il form:

<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Emailee Address">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Subject">
</div>
</form>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<form>
<div class="form-group-2">
<textarea class="form-control" rows="3" placeholder="Your Message"></textarea>
</div>
<button class="btn btn-default" type="submit">Send Message</button>
</form>
</div>
</div>
</div>
<div id="contact-box" class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<h2>testo testo testo</h2>
<ul class="address-block">
<li>
<i class="fa fa-map-marker"></i>testo testo testo
</li>
<li>
<i class="fa fa-envelope-o"></i>Email: [email protected]
</li>
<li>
<i class="fa fa-phone"></i>Telefono:+39 xxxxxxxxx
</li>
</ul>

<ul class="social-icons">
<li>
<a href="#"><i class="fa fa-google"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-pinterest"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-behance"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<h2>Ci siamo anche in Google Map</h2>
<div class="google-map">
<div id="map"></div>
</div>
</div>
</div>
</div>
</div>

Nuke987
25-07-2017, 21:47
I <form> devono avere un action ed un method come nell'esempio in basso.
<form action="pagina.php" method="post">
Nel primo dei due form manca il submit. È vero che submitta lo stesso alla pressione del tasto invio ma non è intuitivo. In pagina.php dovrai gestire l'array in ingresso ($_POST) opportunamente per fare le tue cose. Fatto questo puoi eventualmente valutare di far partire il submit in tempo reale con ajax o con jquery che è praticamente quasi la stessa cosa.

nicolass2005
26-07-2017, 17:32
il file pagina.php gestisce tutto l'invio?
Non ne sono minimamente capace di scriverlo, posso trovarne uno on line?

Nuke987
26-07-2017, 22:27
Eh non è così semplice. Il file .php che gestisce il tutto deve essere adattato al tuo form. Se mastichi qualcosa di PHP basta piazzare gli $_POST (destinatario, messaggio) nei posti giusti, fare qualche controllino di sicurezza per evitare spam/bot ed utilizzare php mail() (http://php.net/manual/en/function.mail.php) per inviare l'email. Alternativamente ti conviene guardare uno qualsiasi dei mille script di esempio che si trovano in rete per l'invio mail.

Prima mi sono dimenticato di dire che devi sistemare anche tutti i tuoi form (input e textarea) perchè non hanno l'attributo name. Senza di quello i dati non vanno da nessuna parte...
<input type="text" class="form-control" placeholder="Your Name" name="name">
<input type="text" class="form-control" placeholder="Emailee Address" name="email">
ecc.

tomminno
27-07-2017, 12:40
il file pagina.php gestisce tutto l'invio?
Non ne sono minimamente capace di scriverlo, posso trovarne uno on line?

Il file pagina.php lo devi scrivere te o fartelo scrivere da qualcuno che conosce la programmazione serverside (in un qualunque linguaggio, non necessariamente php).
Alternativamente utilizzi un CMS (es. Wordpress) e crei il tuo form al suo interno.