4 formulare , o singura pagina , html,php,js

[alexandruhritcuz]

Buna seara .
Iertat sa fiu , in caz ca nu ma adresez unde trebuie , sau am creat un topic nu in sectiunea potrivita .

Am o problema , poate cineva dintre voi ar putea sa ma ajute .
Deci , am creat un landing page , pentru firma de mobila a unui prieten , testam si noi strategii de marketing , chestii ...
pagina are catevai vreo 6 blocuri , in primele 3 blocuri , este cate un buton , care apeleaza o forma modala , in caz ca clientul vrea sa comande un design gratuit , lucreaza perfect , in div-ul cu nr 6 , am aceasta forma deja pe bloc , este fixa , si as vrea ca din aceasta forma mesajul pe email sa l primesc in alt mod , cu un altfel de text , adica eu sa vad cine si din care forma a trimis , dar na , nu merge , se incurca cu primele 3 .


Siteul e creat prin bootstrap , si e modificat complet de mine , raspunzator de mesajele catrre email este forma , din pagina index.html alt fisier php , si 2 fisiere js .

Are cineva ideie cum pot face ?
Poate cineva dornic de a oferi ajutor , putem continua discutia pe skype , pentru a explica mai detaliat.

Va multumesc .

Codul formularului din index ,

Cod: Selectaţi tot

<form method="post"  name="sentMessage" id="contactForm" novalidate>
                        <div class="row" style="padding:20px">
                        <div class="col-md-1"></div>
                            <div class="col-md-10 text-center">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Numele dvs *" id="name" required data-validation-required-message="Numar de telefon">
                                    <p class="help-block text-danger"></p>
                                </div>
                               
                                <div class="form-group">
                                    <input type="tel" class="form-control" placeholder="Numar de telefon *" id="phone" required data-validation-required-message="Numele/Prenumele">
                                    <p class="help-block text-danger"></p>
                                </div>
                            </div>
                           <div class="clearfix"></div>
<button type="submit"  style="background:green">Comandă apel</button>
<div id="success" style="padding:2px"></div> </div></form>             

[vectorialpx]

N-am inteles exact ce vrei.

pagina are catevai vreo 6 blocuri , in primele 3 blocuri , este cate un buton , care apeleaza o forma modala

Ce e aia "forma modala"?

as vrea ca din aceasta forma mesajul pe email sa l primesc in alt mod , cu un altfel de text , adica eu sa vad cine si din care forma a trimis

Ce reprezinta "mesajul pe email"?
Ca sa vezi "de unde s-a dat click" dai IDuri butoanelor si vezi care din ele a fost apasat.
Nu inteleg dilema ta.

[alexandruhritcuz]

Deci pagina mea are 6 div-uri

1 div - header
2 , 3 , 4 div , ceva informatie despre companie , si in aceste div-uri , este cate un buton care apeleaza forma modata unde clientul poate comanda un design gratuit
mesajul pe email il primesc in felul urmator
"
Ati primit un mesaj de pe ....
Clientul doreste sa comande un design pt mobila gratuit , avem urmatoarele date de contact :
Nume:
Telefon:
"
5- div , este deja o forma fixata pe pagina , unde clientul o completeaza pentru a solicita un apel , in caz ca mai are intrebari , si ar trebui ca emailul primit sa difere de cel anterior , ca eu sa vad clientul doreste un design , sau are o intrebare .

[mandix]

Da, am inteles. 3 dintre div-urile din in pagina au cate un button care apeleaza un modal bootstrap.(renumita forma modala). Fiecare modal are propriul formular. Dar mai ai un formular care este vizibil, gen contact pe aceeasi pagina. Problema care o ai tu este ca daca trimiti mail din acel formular vizibil are legatura cu celelalte trei formulare din modalurile bootstrap,... da? Daca este asa cum preconizez, da-ne si noua codul php al fiecarui formular care il ai in aceea pagina, pentru a ne putea da seama mai usor unde ar fi greseala. Mersi!

[vectorialpx]

In primul rand, renunta la a mai face traduceri Microsoft.
Apoi, ca sa detectezi pe ce buton s-a dat click poti face mai multe butoane de submit cu nume diferite. Banuiesc ca la asta se rezuma problema ta.

Iti recomad sa folosesti ajax, d-asta ti-am dat prima data solutia in care fiecare buton are un ID si fiecare apeleaza o functie ce trimite un request ajax (tu stii ce vrei sa trimita).

Varianta clasica este, cum ziceam, sa ai butoane cu nume diferite sa le verifici in php.
Ceva de genul asta:

Cod: Selectaţi tot


<?php
if (isset($_POST['adaugaNume']) && !empty($_POST['adaugaNume'])) {
    echo 'Ai apasat pe adaugare';
}
if (isset($_POST['modificaNume']) && !empty($_POST['modificaNume'])) {
    echo 'Ai apasat pe modificare';
}
if (isset($_POST['stergeNume']) && !empty($_POST['stergeNume'])) {
    echo 'Ai apasat pe stergere';
}
?>
<form action="" method="post">
<input type="text" name="nume" placeholder="nume">
<input type="submit" name="adaugaNume" value="adauga">
<input type="submit" name="modificaNume" value="modifica">
<input type="submit" name="stergeNume" value="sterge">
</form>


[alexandruhritcuz]

Buna seara .

Am codul js

Cod: Selectaţi tot

$(function() {

    $("input,textarea").jqBootstrapValidation1({
        preventSubmit: true,
        submitError: function($form, event, errors) {
            // additional error messages or events
        },
        submitSuccess: function($form, event) {
            event.preventDefault(); // prevent default submit behaviour
            // get values from FORM
            var name = $("input#name1").val();
           
            var phone = $("input#phone1").val();
           
            var firstName = name; // For Success/Failure Message
            // Check for white space in name for Success/Fail message
            if (firstName.indexOf(' ') >= 0) {
                firstName = name.split(' ').slice(0, -1).join(' ');
            }
            $.ajax({
                url: "././mail/contact_me1.php",
                type: "POST",
                data: {
                    name: name,
                    phone: phone
                   
                },
                cache: false,
                success: function() {
                    // Success message
                    $('#success').html("<div class='alert alert-success'>");
                    $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                        .append("</button>");
                    $('#success > .alert-success')
                        .append("<strong>Mesajul dumneavoastra a fost trimis .</strong>");
                    $('#success > .alert-success')
                        .append('</div>');

                    //clear all fields
                    $('#contactForm1').trigger("reset");
                },
                error: function() {
                    // Fail message
                    $('#success').html("<div class='alert alert-danger'>");
                    $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                        .append("</button>");
                    $('#success > .alert-danger').append("<strong>Sorry " + firstName + ", Ne cerem scuze , serverul momentan nu raspunde.");
                    $('#success > .alert-danger').append('</div>');
                    //clear all fields
                    $('#contactForm1').trigger("reset");
                },
            })
        },
        filter: function() {
            return $(this).is(":visible");
        },
    });

    $("a[data-toggle=\"tab\"]").click(function(e) {
        e.preventDefault();
        $(this).tab("show");
    });
});


/*When clicking on Full hide fail/success boxes */
$('#name1').focus(function() {
    $('#success').html('');
});


si codul php :

Cod: Selectaţi tot

<?php
// Check for empty fields
if(empty($_POST['name'])        ||
   //empty($_POST['email'])       
   empty($_POST['phone']))      
 
   {
   echo "No arguments Provided!";
   return false;
   }
   
$name = $_POST['name'];

$phone = $_POST['phone'];

   
// Create the email and send the message
$to = 'alexandruhritcuz@gmail.com'; // Add your email address inbetween the '' replacing yourname@yourdomain.com - This is where the form will send a message to.
$email_subject = "Contact de la :  $name";
$email_body = "Aveti un mesaj depe site-ul dmv .\n\n"."Avem urmatoarele detalii:\n\nName: $name\n\nPhone: $phone\n\n";
$headers = "From: noreply@redbed.com\n"; // This is the email address the generated message will be from. We recommend using something like noreply@yourdomain.com.
$headers .= "Reply-To: $email_address";   
mail($to,$email_subject,$email_body,$headers);
return true;         
?>

Deci , pot face o functie in .js , ca atunci cand se face click pe ultimul submit , sa apeleze alt fisier .php , care respectiv contine alt mesaj ?

[vectorialpx]

Deci , pot face o functie in .js , ca atunci cand se face click pe ultimul submit , sa apeleze alt fisier .php , care respectiv contine alt mesaj ?

Poti face ce doresti trebuie sa denumesti acel buton (cu un ID) si sa-l pui sa apeleze o functie. Vad ca ai un ajax acolo... nu stiu daca ai facut un copy-paste. Daca nu, inseamna ca stii sa faci un request Ajax. Daca e copy-paste, invata sa faci un request ajax.

Bafta!

[alexandruhritcuz]

Va multumesc mult !
Asa o sa fac