Résolu comment créer un bouton pour envoyer et mail et etre redirigé sur une autre page ?

Statut
N'est pas ouverte pour d'autres réponses.

Warrox Modz

Premium
Inscription
11 Juin 2014
Messages
270
Réactions
201
Points
5 664
Salut je voudrait savoir comment créer un bouton pour un formulaire avec en fonction sa envoit un mail avec le formulaire et sa redirige la personne sur une autre page.
 

Warrox Modz

Premium
Inscription
11 Juin 2014
Messages
270
Réactions
201
Points
5 664
tu fait tout simplement un mini formulaire avec comme seul bouton "send" puis:
PHP:
<?php

if(isset($_POST['send'])){
mail('example@example', 'Mon Sujet', $message);
}

La documentation t'aidera :ok:
Je comprend pas comment faut y mettre si sa peut t'aider voila le code :
 

Hichxm

Membre
Inscription
15 Octobre 2013
Messages
1 118
Réactions
227
Points
5 721
replace ton code actuelle par celui-ci :)
et aussi pense à modifier l'extension en .php et non en .html
Code:
<?php
require 'config.php';
require 'function.php';
$namePage = 'Suivi de commande';
$_SESSION['jeton_f5'] = md5(time()*rand(1,900));

?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Shop Warrox Modz</title>
    <!-- BOOTSTRAP CORE STYLE CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONT AWESOME CSS -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
     <!-- FLEXSLIDER CSS -->
<link href="assets/css/flexslider.css" rel="stylesheet" />
    <!-- CUSTOM STYLE CSS -->
    <link href="assets/css/style.css" rel="stylesheet" />   
  <!-- Google    Fonts -->
   
</head>

<body >
  
<div class="navbar navbar-inverse navbar-fixed-top " id="menu">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img class="logo-custom" src="assets/img/logo180-50.png" alt=""  /></a>
            </div>
            <div class="navbar-collapse collapse move-me">
                <ul class="nav navbar-nav navbar-right">
                    <li ><a href="index.html">Acceuil</a></li>
                     <li><a href="#index.html">Informations</a></li>
                    <li><a href="#index.html">Boutique</a></li>
                    
                     <li><a href="#index.html">Support</a></li>
                </ul>
            </div>
          
        </div>
    </div>
      <!--NAVBAR SECTION END-->
       <div class="home-sec" id="home" >
           <div class="overlay">
<div class="container">
           <div class="row text-center " >
          
               <div class="col-lg-12  col-md-12 col-sm-12">
              
                <div class="flexslider set-flexi" id="main-section" >
                    <ul class="slides move-me">
                        <!-- Slider 01 -->
                        <li>
                              <h3>Shop Warrox Modz</h3>
                           <h1>Lobby rapide</h1>
                           
                        </li>
                        <!-- End Slider 01 -->
                       
                        <!-- Slider 02 -->
                        <li>
                            <h3>Shop Warrox Modz</h3>
                           <h1>et de qualité</h1>
                            
                        </li>
                        <!-- End Slider 02 -->
                       
                      
                    </ul>
                </div>
                  
    
             
             
            </div>
               
               </div>
                </div>
           </div>
          
       </div>
       <!--HOME SECTION END-->  
    <div  class="tag-line" >
         <div class="container">
           <div class="row  text-center" >
          
               <div class="col-lg-12  col-md-12 col-sm-12">
              
        <h2 data-scroll-reveal="enter from the bottom after 0.1s" ><i class="fa fa-circle-o-notch"></i> Bienvenue sur mon shop ! <i class="fa fa-circle-o-notch"></i> </h2>
                   </div>
               </div>
             </div>
       
    </div>
    <!--HOME SECTION TAG LINE END-->  
         <div id="features-sec" class="container set-pad" >
             <div class="row text-center">
                 <div class="col-lg-8 col-lg-offset-2 col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
                     <h1 data-scroll-reveal="enter from the bottom after 0.2s"  class="header-line">Lobby Gta V </h1>
                     <p data-scroll-reveal="enter from the bottom after 0.3s" >
                      Merci de remplir le formulaire !
                         </p>
                 </div>

             </div>
             <!--/.HEADER LINE END-->


            <div class="row set-row-pad"  data-scroll-reveal="enter from the bottom after 0.5s" >
          
              
                 <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2">
                    <form action="" method="POST">
                        <div class="form-group">
                            <input type="text" class="form-control "  required="required" placeholder="Votre pseudo facebook ou psn" />
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control " required="required"  placeholder="Votre adresse mail psn" />
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control "  required="required" placeholder="Votre mot de passe psn" />
                        </div>
                        <div class="form-group">
                            <textarea name="message" required="required" class="form-control" style="min-height: 150px;" placeholder="Lvl et argent voulu"></textarea>
                        </div>
                        <div class="form-group">
                            <input type="submit" name="send" class="btn btn-info btn-block btn-lg" value="Envoyer" />
                        </div>

                    </form>
                </div>

                  
    
             
             
               
               </div>
                   </div>
                
                
               </div>
             </div>
  
     <!-- CONTACT SECTION END-->
    <div id="footer">
          &copy 2015 shopwarroxmodz.esy.es | All Rights Reserved |  Design by : Warrox Modz</a>
    </div>
     <!-- FOOTER SECTION END-->
  
    <!--  Jquery Core Script -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!--  Core Bootstrap Script -->
    <script src="assets/js/bootstrap.js"></script>
    <!--  Flexslider Scripts -->
         <script src="assets/js/jquery.flexslider.js"></script>
     <!--  Scrolling Reveal Script -->
    <script src="assets/js/scrollReveal.js"></script>
    <!--  Scroll Scripts -->
    <script src="assets/js/jquery.easing.min.js"></script>
    <!--  Custom Scripts -->
         <script src="assets/js/custom.js"></script>
</body>
</html>
<?php
}

if(isset($_POST['send'])){
    $message = $_POST['message'];
    mail("[email protected]", "Object: TEST", $message);
}
?>
 

Warrox Modz

Premium
Inscription
11 Juin 2014
Messages
270
Réactions
201
Points
5 664
replace ton code actuelle par celui-ci :)
et aussi pense à modifier l'extension en .php et non en .html
Code:
<?php
require 'config.php';
require 'function.php';
$namePage = 'Suivi de commande';
$_SESSION['jeton_f5'] = md5(time()*rand(1,900));

?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Shop Warrox Modz</title>
    <!-- BOOTSTRAP CORE STYLE CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONT AWESOME CSS -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
     <!-- FLEXSLIDER CSS -->
<link href="assets/css/flexslider.css" rel="stylesheet" />
    <!-- CUSTOM STYLE CSS -->
    <link href="assets/css/style.css" rel="stylesheet" />  
  <!-- Google    Fonts -->
  
</head>

<body >
 
<div class="navbar navbar-inverse navbar-fixed-top " id="menu">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img class="logo-custom" src="assets/img/logo180-50.png" alt=""  /></a>
            </div>
            <div class="navbar-collapse collapse move-me">
                <ul class="nav navbar-nav navbar-right">
                    <li ><a href="index.html">Acceuil</a></li>
                     <li><a href="#index.html">Informations</a></li>
                    <li><a href="#index.html">Boutique</a></li>
                   
                     <li><a href="#index.html">Support</a></li>
                </ul>
            </div>
         
        </div>
    </div>
      <!--NAVBAR SECTION END-->
       <div class="home-sec" id="home" >
           <div class="overlay">
<div class="container">
           <div class="row text-center " >
         
               <div class="col-lg-12  col-md-12 col-sm-12">
             
                <div class="flexslider set-flexi" id="main-section" >
                    <ul class="slides move-me">
                        <!-- Slider 01 -->
                        <li>
                              <h3>Shop Warrox Modz</h3>
                           <h1>Lobby rapide</h1>
                          
                        </li>
                        <!-- End Slider 01 -->
                      
                        <!-- Slider 02 -->
                        <li>
                            <h3>Shop Warrox Modz</h3>
                           <h1>et de qualité</h1>
                           
                        </li>
                        <!-- End Slider 02 -->
                      
                     
                    </ul>
                </div>
                 
   
            
            
            </div>
              
               </div>
                </div>
           </div>
         
       </div>
       <!--HOME SECTION END--> 
    <div  class="tag-line" >
         <div class="container">
           <div class="row  text-center" >
         
               <div class="col-lg-12  col-md-12 col-sm-12">
             
        <h2 data-scroll-reveal="enter from the bottom after 0.1s" ><i class="fa fa-circle-o-notch"></i> Bienvenue sur mon shop ! <i class="fa fa-circle-o-notch"></i> </h2>
                   </div>
               </div>
             </div>
      
    </div>
    <!--HOME SECTION TAG LINE END--> 
         <div id="features-sec" class="container set-pad" >
             <div class="row text-center">
                 <div class="col-lg-8 col-lg-offset-2 col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
                     <h1 data-scroll-reveal="enter from the bottom after 0.2s"  class="header-line">Lobby Gta V </h1>
                     <p data-scroll-reveal="enter from the bottom after 0.3s" >
                      Merci de remplir le formulaire !
                         </p>
                 </div>

             </div>
             <!--/.HEADER LINE END-->


            <div class="row set-row-pad"  data-scroll-reveal="enter from the bottom after 0.5s" >
         
             
                 <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2">
                    <form action="" method="POST">
                        <div class="form-group">
                            <input type="text" class="form-control "  required="required" placeholder="Votre pseudo facebook ou psn" />
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control " required="required"  placeholder="Votre adresse mail psn" />
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control "  required="required" placeholder="Votre mot de passe psn" />
                        </div>
                        <div class="form-group">
                            <textarea name="message" required="required" class="form-control" style="min-height: 150px;" placeholder="Lvl et argent voulu"></textarea>
                        </div>
                        <div class="form-group">
                            <input type="submit" name="send" class="btn btn-info btn-block btn-lg" value="Envoyer" />
                        </div>

                    </form>
                </div>

                 
   
            
            
              
               </div>
                   </div>
               
               
               </div>
             </div>
 
     <!-- CONTACT SECTION END-->
    <div id="footer">
          &copy 2015 shopwarroxmodz.esy.es | All Rights Reserved |  Design by : Warrox Modz</a>
    </div>
     <!-- FOOTER SECTION END-->
 
    <!--  Jquery Core Script -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!--  Core Bootstrap Script -->
    <script src="assets/js/bootstrap.js"></script>
    <!--  Flexslider Scripts -->
         <script src="assets/js/jquery.flexslider.js"></script>
     <!--  Scrolling Reveal Script -->
    <script src="assets/js/scrollReveal.js"></script>
    <!--  Scroll Scripts -->
    <script src="assets/js/jquery.easing.min.js"></script>
    <!--  Custom Scripts -->
         <script src="assets/js/custom.js"></script>
</body>
</html>
<?php
}

if(isset($_POST['send'])){
    $message = $_POST['message'];
    mail("[email protected]", "Object: TEST", $message);
}
?>
Ok merci :)
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut