2017-06-01 77 views
0

我正在寫這個主題來問你一個問題,並嘗試解決這個問題。將我的輸入表單值導入模態引導

我想製作一個系統,向網站上註冊的用戶發送消息。 因此,我製作了一個表單,其中包含我想要的信息,當您單擊發送按鈕時,我們會在將消息發送給用戶之前顯示消息的「預覽」。

問題是,當我顯示預覽時,將顯示模式,但不顯示我輸入的值。

什麼是顯示值,點擊的形式發送按鈕後,發送這個美麗消息解決方案;)

感謝您的回覆:d 是的,感謝谷歌翻譯此消息。

(該網站是FRNECH) (引導3.3.7 + PHP 7.0和jQuery的最後一個版本)

代碼PHP:

<?php 
 
//require 'form/haut.php'; //top of the page 
 
?> 
 

 

 
    <h1 class="page-header">Communiqué :</h1> 
 
    <div class="row"> 
 
    <div class="col-sm-3"></div> 
 
    <div class="col-sm-6"> 
 
     <form method="POST" action=""> 
 
     <div class="form-group"> 
 
      <label for="objet_form">Objet de votre communiqué :</label> 
 
      <input type="text" class="form-control" id="objet_form" name="objet_message_communique" /> 
 
     </div> 
 
     <div class="form-group"> 
 
      <label for="message_form">Votre message :</label> 
 
      <textarea rows="4" class="form-control" id="message_form" name="message_comminique"></textarea> 
 
     </div> 
 
     <div class="form-group"> 
 
      <label for="option_form" style="text-decoration: underline;">Option :</label><br/> 
 
      <div id="option_form" style="padding-left: 10px;"> 
 
      <div class="form-group"> 
 
       <label for="option_send_message">Envoyer ce message par :</label> 
 
       <div id="option_send_message"> 
 
       <label class="radio-inline"><input type="radio" name="optradio_send_message_by" value="Email">Email</label> 
 
       <label class="radio-inline"><input type="radio" name="optradio_send_message_by" value="Messagerie_Site">Messagerie du site</label> 
 
       </div> 
 
      </div> 
 
      <div class="form-group"> 
 
       <label for="option_send_message_rank">Envoyer ce message à :</label> 
 
       <div id="option_send_message"> 
 
       <label class="radio-inline"><input type="radio" name="optradio_send_message_for" value="Tous">Tous</label> 
 
       <label class="radio-inline"><input type="radio" name="optradio_send_message_for" value="Staff">Staff</label> 
 
       <label class="radio-inline"><input type="radio" name="optradio_send_message_for" value="Modérateurs">Modérateurs</label> 
 
       <label class="radio-inline"><input type="radio" name="optradio_send_message_for" value="Administrateurs">Administrateurs</label> 
 
       </div> 
 
      </div> 
 
      <div class="form-group"><label><label><input type="checkbox" value="" disabled> Avoir un rapport après envoi de ce communiqué</label></label> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     <div class="form-group"> 
 
      <a style="cursor: pointer;" data-toggle="modal" data-target="#beforeSend"><button class="btn btn-primary">Envoyer ce communiqué</button></a> 
 
     </div> 
 
     </form> 
 
    </div> 
 
    <div class="col-sm-3"></div> 
 
    </div> 
 

 

 
    <!-- Validation avant envoi communiqué --> 
 
    <div class="modal fade" id="beforeSend" role="dialog"> 
 
    <div class="modal-dialog modal-lg"> 
 
     <!-- Modal content--> 
 
     <div class="panel panel-primary"> 
 
     <div class="panel-heading">Confirmation avant envoi</div> 
 
     <div class="panel-body"> 
 
      <p>Voici à quoi votre communiqué va ressembler lors de la réception :</p> 
 
      <!-- message qui sera envoyé --> 
 
      <div class="form-group"> 
 
      <div class="panel-body" style="border: 2px solid grey;border-radius: 2px;"> 
 
       <img style="" src="http://i.imgur.com/4AVxhnm.png" /> 
 
       <hr> 
 
       <h4 style="text-align: center">Communiqué du $date</h4> 
 
       <div style="padding-bottom: 5px;"><b>Objet :</b> 
 
       <?= $_POST['objet_message_communique']; ?> 
 
       </div> 
 
       <div> 
 
       <?= $message_comminique; ?><br/></div><br/><br/> Cordialement, 
 
       <br/> 
 
       <?= $userinfo['pseudo'].' , '.$userinfo['type_account'].' games.galilol.xyz'; ?><br/> 
 
       <hr> 
 
       <c style="font-family: Arial, Helvetica, sans-serif;"><a href="http://games.galilol.xyz/" style="text-decoration: none;color: #000;">games.galilol.xyz</a> © 2017</c> 
 
      </div> 
 
      </div> 
 
      <p>Voulez-vous confirmer l'envoi de ce message aux destinataires suivants : <b><?= $_POST['optradio_send_message_for'].' par '.$_POST['optradio_send_message_by']; ?></b></p> 
 
      <a href="send"><button type="button" class="btn btn-success"><i class="fa fa-paper-plane"></i> Envoyer ce communiqué</button></a> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Ne pas envoyer ce communiqué</button> 
 
     </div> 
 
     </div> 
 

 
    </div> 
 
    </div> 
 
    <?php 
 
    
 
    //require 'form/bas.php'; //bottom of the page 
 
    
 
    ?>

TOP PAGE:

<?php 
 
require '../db.php'; 
 
session_start(); 
 
if ($_SESSION['logged_in'] != 1) { 
 

 
    $_SESSION['error_code'] = "21"; 
 
    $_SESSION['message'] = "Vous devez être connecté pour accéder à cette page !"; 
 
    $_SESSION['footer_message'] = "user_logged_in = 0"; 
 
    header("location: ../error.php");  
 
} else { 
 
    $getid = intval($_SESSION['id']); 
 
    $requsers = $bdd->prepare('SELECT * FROM membres WHERE id = ?'); 
 
    $requsers->execute(array($getid)); 
 
    $userinfo = $requsers->fetch(); 
 
} 
 

 
if (($userinfo['type_account'] == 'admin') OR ($userinfo['type_account'] == 'modo')) { 
 
} else { 
 
    $_SESSION['error_code'] = "52"; 
 
    $_SESSION['message'] = "Vous n'avez pas les autorisations nécessaires pour entrer dans cette partie du site !"; 
 
    $_SESSION['footer_message'] = "--ERR_GROUP != list"; 
 
    header("location: ../error.php"); 
 
} 
 

 

 
//notification and stat 
 
$n_report = '1'; 
 
$stats_report_db = $bdd->prepare('SELECT * FROM report WHERE new_report = ?'); 
 
$stats_report_db->execute(array($n_report)); 
 
$stats_report_number = $stats_report_db->rowCount(); 
 

 

 

 

 

 
?> 
 

 

 
<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <meta name="description" content=""> 
 
    <meta name="author" content=""> 
 

 
    <title>cPanel | Galilol Games</title> 
 

 
    <!-- Bootstrap Core CSS --> 
 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
 

 
    <!-- MetisMenu CSS --> 
 
    <link href="css/metisMenu.min.css" rel="stylesheet"> 
 

 
    <!-- Timeline CSS --> 
 
    <link href="css/timeline.css" rel="stylesheet"> 
 

 
    <!-- Custom CSS --> 
 
    <link href="css/startmin.css" rel="stylesheet"> 
 

 
    <!-- Morris Charts CSS --> 
 
    <link href="css/morris.css" rel="stylesheet"> 
 

 
    <!-- Custom Fonts --> 
 
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"> 
 

 
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
 
    <!--[if lt IE 9]> 
 
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
 
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
 
    <![endif]--> 
 
</head> 
 
<body> 
 

 
<div id="wrapper"> 
 

 
    <!-- Navigation --> 
 
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
 
     <div class="navbar-header"> 
 
      <a class="navbar-brand" href="../index.php">Galilol Games</a> 
 
     </div> 
 

 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
 
      <span class="sr-only">.</span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
     </button> 
 

 
     <!-- Top Navigation: Left Menu --> 
 
     <ul class="nav navbar-nav navbar-left navbar-top-links"> 
 
      <li><a href="../index.php"><i class="fa fa-home fa-fw"></i> Retourner sur le site web</a></li> 
 
     </ul> 
 

 
     <!-- Top Navigation: Right Menu --> 
 
     <ul class="nav navbar-right navbar-top-links"> 
 
      <li class="dropdown navbar-inverse"> 
 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
 
        <i class="fa fa-bell fa-fw"></i> <b class="caret"></b> 
 
       </a> 
 
       <ul class="dropdown-menu dropdown-alerts"> 
 
        <li> 
 
         <a href="#"> 
 
          <div> 
 
           <i class="fa fa-comment fa-fw"></i> Nouveau évènements 
 
           <span class="pull-right text-muted small">timer-event-last</span> 
 
          </div> 
 
         </a> 
 
        </li> 
 
        <li class="divider"></li> 
 
        <li> 
 
         <a class="text-center" href="#"> 
 
          <strong>Voir tout les derniers évènements</strong> 
 
          <i class="fa fa-angle-right"></i> 
 
         </a> 
 
        </li> 
 
       </ul> 
 
      </li> 
 
      <li class="dropdown"> 
 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
 
        <i class="fa fa-user fa-fw"></i><?php echo $userinfo['first_name']." ".$userinfo['last_name']; ?> <b class="caret"></b> 
 
       </a> 
 
       <ul class="dropdown-menu dropdown-user"> 
 
        <?php echo '<li><a href="../profil.php?id='.$userinfo['id'].'"><i class="fa fa-user fa-fw"></i>Mon profil</a>'; ?> 
 
        </li> 
 
        <li class="divider"></li> 
 
        <li><a style="cursor: pointer;" data-toggle="modal" data-target="#aboutInfo"><i class="fa fa-info-circle fa-fw"></i> A propos</a> 
 
        </li> 
 
        <li><a style="cursor: pointer;" data-toggle="modal" data-target="#disconnectInfo" ><i class="fa fa-sign-out fa-fw"></i> Se déconnecter</a> 
 
        </li> 
 
       </ul> 
 
      </li> 
 
     </ul> 
 

 
     <!-- Sidebar --> 
 
     <div class="navbar-default sidebar" role="navigation"> 
 
      <div class="sidebar-nav navbar-collapse"> 
 

 
       <ul class="nav" id="side-menu"> 
 
        <li> 
 
         <a href="index.php"><i class="fa fa-dashboard fa-fw"></i> Tableau de bord</a> 
 
        </li> 
 
        <li> 
 
         <a href="#"><i class="fa fa-sitemap fa-fw"></i> Communauté<span class="fa arrow"></span></a> 
 
         <ul class="nav nav-second-level"> 
 
          <li> 
 
           <a href="userlist.php"><i class="fa fa-user fa-fw"></i> Liste des utilisateurs</a> 
 
          </li> 
 
          <li> 
 
           <a href="search.php?general_search=user"><i class="fa fa-search fa-fw"></i> Rechercher un utilisateur</a> 
 
          </li> 
 
          <li> 
 
           <a href="#"><i class="fa fa-bullhorn fa-fw"></i> Effectuer un communiqué</a> 
 
          </li> 
 

 
         </ul> 
 
        </li> 
 
        <li> 
 
         <a href="#"><i class="fa fa-gamepad fa-fw"></i> Jeux<span class="fa arrow"></span></a> 
 
         <ul class="nav nav-second-level"> 
 
          <li> 
 
           <a href="#"><i class="fa fa-list" aria-hidden="true"></i> Liste des jeux</a> 
 
          </li> 
 
          <li> 
 
           <a href="#"><i class="fa fa-bar-chart" aria-hidden="true"></i> Statistiques des jeux</a> 
 
          </li> 
 
          <li> 
 
           <a href="#"><i class="fa fa-database" aria-hidden="true"></i> Changer les valeurs d'un jeu</a> 
 
          </li> 
 

 
         </ul> 
 
        </li> 
 
        <li> 
 
         <a href="#"><i class="fa fa-gavel fa-fw"></i> Sanctions <?php if($stats_report_number > 0){ echo '<span class="label label-danger">'.$stats_report_number.'</span>'; } ?><span class="fa arrow"></span></a> 
 
         <ul class="nav nav-second-level"> 
 
          <li> 
 
           <a href="report.php"><i class="fa fa-flag fa-fw"></i> Liste des signalements <?php if($stats_report_number > 0){ echo '<span class="label label-danger">'.$stats_report_number.'</span>'; } ?></a> 
 
          </li> 
 
          <li> 
 
           <a href="search.php?general_search=signalement"><i class="fa fa-search fa-fw"></i> Rechercher un signalement</a> 
 
          </li> 
 
          <li> 
 
           <a href="#"><i class="fa fa-ban fa-fw"></i> Liste des bannisements</a> 
 
          </li> 
 
         </ul> 
 
        </li> 
 
        <li> 
 
           <a href="emessagerie.php"><i class="fa fa-comments-o" aria-hidden="true"></i> eMessagerie - Staff</a> 
 
        </li> 
 
        <li> 
 
         <a href="#"><i class="fa fa-life-ring fa-fw"></i> Support</a> 
 
        </li> 
 
       </ul> 
 

 
      </div> 
 

 
     </div> 
 

 
    </nav> 
 
    <!-- about modal --> 
 
    <div class="modal fade" id="aboutInfo" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      <h4 class="modal-title">A propos</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <h3 style="text-decoration: underline;">Information générale :</h3> 
 
      <p>cPanel est un panel complet d'administration et de gestion de base de donnée créer par Rémi CELLARD et propulsé par Galilol Games.<br/>Le cPanel permet d'acccomplir toutes les tâches administratives pour une gestion complète et simple d'un site internet ayant une base de donnée.</p><br/> 
 
      <h3 style="text-decoration: underline;">Note importante !</h3> 
 
      <p>Le système cPanel a été créer par Rémi CELLARD et le design boosté par Start Bootstrap. Touts les droits leurs sont exclusif à eux (sauf autorisation de leur part).<br/><b>Il est interdit de copier le système et de le transmettre à quelconque personne ou de se faire passer pour son créateur. Tout les droits sur le cPanel sont exclusif à Rémi CELLARD et Start Bootstrap</b></p><br/> 
 
      <h3 style="text-decoration: underline;">Un soucis ? Une question ?</h3> 
 
      <p>[email protected]</p> 
 
     </div> 
 
     </div> 
 
     
 
     </div> 
 
    </div> 
 
    <!-- disconnect modal validation --> 
 
    <div class="modal fade" id="disconnectInfo" role="dialog"> 
 
    <div class="modal-dialog"> 
 
     <!-- Modal content--> 
 
     <div class="panel panel-primary"> 
 
      <div class="panel-heading">Information</div> 
 
      <div class="panel-body"><p>Êtes-vous sur de vouloir vous déconnectez ?</p> 
 
      <a href="../disconnect.php"><button type="button" class="btn btn-danger">Oui, je veut me déconnecter <i class="fa fa-sign-out fa-fw"></i></button></a> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Non, je veut rester sur la page</button> 
 
      </div> 
 
     </div> 
 
     
 
     </div> 
 
    </div> 
 

 
    <!-- Page Content --> 
 
    <div id="page-wrapper"> 
 

 
     <div class="container-fluid"> 
 

 
      <div class="row"> 
 
       <div class="col-lg-12"> 
 
       </div> 
 
      </div>

底頁:

 <hr> 
 
     <footer> 
 
\t \t  \t <p>© Galilol Games 2017 | cPanel by Rémi CELLARD ©</p> 
 
\t \t  </footer> 
 
     </div> 
 
    </div> 
 
\t \t \t 
 
</div> 
 

 
<!-- jQuery --> 
 
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script> 
 

 
<!-- Bootstrap Core JavaScript --> 
 
<script src="js/bootstrap.min.js"></script> 
 

 
<!-- Metis Menu Plugin JavaScript --> 
 
<script src="js/metisMenu.min.js"></script> 
 

 
<!-- Custom Theme JavaScript --> 
 
<script src="js/startmin.js"></script> 
 

 
</body> 
 
</html>

/\不要試圖運行此頁/ \

+0

如果您只顯示與您的探針相關的代碼,您將得到更清晰,更快捷的答案 – rybo111

回答

0

其中數組$用戶信息來你還沒有給我們!從,但通常直接從$ _POST陣列獲取值應該工作:

 <div class="form-group"> 
     <div class="panel-body" style="border: 2px solid grey;border-radius: 2px;"> 
      <img style="" src="http://i.imgur.com/4AVxhnm.png" /> 
      <hr> 
      <h4 style="text-align: center">Communiqué du $date</h4> 
      <div style="padding-bottom: 5px;"><b>Objet :</b> 
      <?= $_POST['objet_message_communique']; ?> 
      </div> 
      <div> 
      <?= $_POST['message_comminique']; ?><br/></div><br/><br/> Cordialement, 
      <br/> 
      <?= $_POST['pseudo'].' , '.$_POST['type_account'].' games.galilol.xyz'; ?><br/> 
      <hr> 
     </div> 

雖然您應該在用戶提供的數據做任何事之前驗證用戶提供的數據,如果您不想有安全問題。

+0

感謝您提供這些信息,但並未提出原則,即我在表格中輸入的值不影響模態。 :| –

+0

你能否顯示PHP文件列表? – Picard

+0

如果你想,但我不認爲這會給你帶來很多的問題...看看主題有整個PHP代碼 –