2016-06-27 6 views
1

私のアプリケーションでユーザーが更新またはデータを挿入すると、戻り値が1の場合、ブートストラップ成功アラートが表示されます。しかし、ページの最後に表示され、私はそれをページの真ん中またはdivボックスのフッターにしたい。そのページの私のコードはここにあります。ページの途中で成功アラートを設定するにはどうすればよいですか?

ClassConnection.php:

<?php 

class connection 
{ 

Public $ServerName="localhost"; 
Public $ServerUser="root"; 
Public $ServerPassword=""; 
Public $DatabaseName="taksicab"; 


public $mycon=" "; 
public $rs = " " ; 
public $sql= " "; 
public $myquery = " "; 
    function open_connection() 
    { 
     $con=mysql_connect($this->ServerName, $this->ServerUser, $this->ServerPassword); 

     if(!$con) 
     { 
     die("Error in connection ......."); 
     } 

     else 
     { 
      $this->mycon=$con; 
      return $this->mycon; 
     } 
    } 

    function SelectDB() 
    { 
     mysql_select_db($this->DatabaseName); 
    } 


    //DBOperations 

    function DBOperation ($mTable,$mFields,$mValues,$mOperation) 
    { 
     $mSQL=""; 
     $mStr=""; 

    $tFields = explode(",",$mFields); 
    $tValues = explode(",",$mValues); 


    if($mOperation == "Insert") 
    { 

     $mSQL = "Insert into " . $mTable . "(" . $mFields . ") values (" . $mValues . ")"; 
     $query = mysql_query($mSQL); 




    } 


    else if($mOperation == "Update") 
    { 

       for($i=0; $i<count($tFields); $i++) 
       { 

        if($i== (count($tFields)-1)) 
        { 

         $mStr = $mStr . " " . $tFields[$i] . " = " . $tValues[$i]; 
        } 

        else 
        {  
         $mStr=$mStr . " " . $tFields[$i] . " = " . $tValues[$i] . " , "; 
        } 

       } 

     $mSQL = "Update " . $mTable . " set " . $mStr . " Where " . $tFields[0] . " = " . $tValues[0]; 
     $query = mysql_query($mSQL); 


    } 

    else if($mOperation == "Delete") 
    { 

     $mSQL = "Delete from " . $mTable . " Where " . $tFields[0] . " = " . $tValues[0]; 
    } 


    // echo $mSQL; 

$this->myquery = $query ; 
    return $this->myquery; 



} 

} 

?> 

Block_User.php

<?php 
     include("ClassConnection.php"); 

    $mcon=new connection(); 

    $mcon->open_connection(); 
    $mcon->SelectDB(); 



    ?> 


    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <title>Block User | Admin Taksi</title> 
     <!-- Tell the browser to be responsive to screen width --> 
      <meta content="width=device-width, initial-scale=1, maximum-  scale=1, user-scalable=no" name="viewport"> 
    <!-- Bootstrap 3.3.6 --> 
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"> 
    <!-- Font Awesome --> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css"> 
    <!-- Ionicons --> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> 
    <!-- Theme style --> 
    <link rel="stylesheet" href="../dist/css/AdminLTE.min.css"> 

    <link rel="stylesheet" href="../dist/css/skins/skin-blue.min.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/html5shiv/3.7.3/html5shiv.min.js">  </script> 
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 
    <body class="hold-transition skin-blue sidebar-mini"> 
    <div class="wrapper"> 

    <!-- Main Header --> 
     <header class="main-header"> 

    <!-- Logo --> 
    <a href="index2.html" class="logo"> 
    <!-- mini logo for sidebar mini 50x50 pixels --> 
    <span class="logo-mini"><b>A</b>LT</span> 
    <!-- logo for regular state and mobile devices --> 
    <span class="logo-lg"><b>Admin</b>&nbsp;Taksi</span> 
    </a> 

    <!-- Header Navbar --> 
<nav class="navbar navbar-static-top" role="navigation"> 
    <!-- Sidebar toggle button--> 
    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> 
    <span class="sr-only">Toggle navigation</span> 
    </a> 
    <!-- Navbar Right Menu --> 
    <div class="navbar-custom-menu"> 
    <ul class="nav navbar-nav"> 

       <!-- User Account Menu --> 
     <li class="dropdown user user-menu"> 
     <!-- Menu Toggle Button --> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
      <!-- The user image in the navbar--> 
      <img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> 
      <!-- hidden-xs hides the username on small devices so only the image appears. --> 
      <span class="hidden-xs">Ravi Barot</span> 
     </a> 
     <ul class="dropdown-menu"> 
      <!-- The user image in the menu --> 
      <li class="user-header"> 
      <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> 

      <p> 
       Ravi Barot - Web Developer 
       <small>Tarinee since May. 2016</small> 
      </p> 
      </li> 
      <!-- Menu Body --> 
      <li class="user-body"> 

      <!-- /.row --> 
      </li> 
      <!-- Menu Footer--> 
      <li class="user-footer"> 

      <div class="pull-right"> 
       <a href="index.html" class="btn btn-default btn-flat">Sign out</a> 
      </div> 
      </li> 
     </ul> 
     </li> 
    </ul> 
    </div> 
    </nav> 
    </header> 
    <!-- Left side column. contains the logo and sidebar --> 
    <aside class="main-sidebar"> 

<!-- sidebar: style can be found in sidebar.less --> 
<section class="sidebar"> 

    <!-- Sidebar user panel (optional) --> 
    <div class="user-panel"> 
    <div class="pull-left image"> 
     <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> 
    </div> 

    <div class="pull-left info"> 
     <p>Ravi Barot</p> 
     <!-- Status --> 

    </div> 
    </div> 

    <!-- search form (Optional) --> 
    <form action="#" method="get" class="sidebar-form"> 
    <div class="input-group"> 
     <input type="text" name="q" class="form-control" placeholder="Search..."> 
      <span class="input-group-btn"> 
      <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i> 
      </button> 
      </span> 
    </div> 
    </form> 
    <!-- /.search form --> 

    <!-- Sidebar Menu --> 
    <ul class="sidebar-menu"> 
    <li class="header">Main Menu</li> 
    <!-- Optionally, you can add icons to the links --> 
    <li> 
    <a href="dashboard.php"> 
    <i class="fa fa-fw fa-dashboard"></i> 
    <span>Dashboard</span> 
    </a> 
    </li> 




    <li class="treeview"> 
     <li class="active"> 
    <a href="#"> 
    <i class="fa fa-fw fa-users"></i> 
    <span>Manage Users</span> 
    </a> 
    <ul class="treeview-menu"> 
    <li class="active"> 
    <a href="block_user.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Block User 
    </a> 
    </li> 

    <li> 
    <a href="obsulate_user.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Obsulate User 
    </a> 
    </li> 
    </ul> 
    </li> 


    <li class="treeview"> 
    <a href="#"> 
    <i class="fa fa-fw fa-cab"></i> 
    <span>Manage Cabs</span> 
    </a> 
    <ul class="treeview-menu"> 
    <li> 
    <a href="add_cab.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Add Cab 
    </a> 
    </li> 

    <li> 
    <a href="obsulate_cab.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Obsulate Cab 
    </a> 
    </li> 
    </ul> 
    </li> 

    <li class="treeview"> 
    <a href="#"> 
    <i class="fa fa-fw fa-user"></i> 
    <span>Manage Driver</span> 
    </a> 
    <ul class="treeview-menu"> 
    <li> 
    <a href="add_driver.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Add Driver 
    </a> 
    </li> 

    <li> 
    <a href="obsulate_driver.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Obsulate Driver 
    </a> 
    </li> 
    </ul> 
    </li> 

    <li class="treeview"> 
    <a href="#"> 
    <i class="fa fa-fw fa-star-half-full"></i> 
    <span>Manage Cab Category</span> 
    </a> 
    <ul class="treeview-menu"> 
    <li> 
    <a href="add_cab_category.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Add Cab Category 
    </a> 
    </li> 

    <li> 
    <a href="obsulate_cab_category.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Obsulate Cab Category 
    </a> 
    </li> 
    </ul> 
    </li> 

    <li class="treeview"> 
    <a href="#"> 
    <i class="fa fa-fw fa-road"></i> 
    <span>Manage Route</span> 
    </a> 
    <ul class="treeview-menu"> 
    <li> 
    <a href="add_source_place.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Add Source Place 
    </a> 
    </li> 

    <li> 
    <a href="obsulate_source_place.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Obsulate Source Place 
    </a> 
    </li> 

    <li> 
    <a href="add_desti_place.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Add Destination Place 
    </a> 
    </li> 

    <li> 
    <a href="obsulate_desti_place.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Obsulate Destination Place 
    </a> 
    </li> 
    </ul> 
    </li> 

    <li class="treeview"> 
    <a href="#"> 
    <i class="fa fa-fw fa-arrows-h"></i> 
    <span>Manage Route Distance</span> 
    </a> 
    <ul class="treeview-menu"> 
    <li> 
    <a href="add_distance.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Add Route Distance 
    </a> 
    </li> 

    <li> 
    <a href="update_distance.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Update Route Distance 
    </a> 
    </li> 
    </ul> 
    </li> 

    <li class="treeview"> 
    <a href="#"> 
    <i class="fa fa-fw fa-rupee"></i> 
    <span>Manage Fare</span> 
    </a> 
    <ul class="treeview-menu"> 
    <li> 
    <a href="add_new_fair.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Add New Fare 
    </a> 
    </li> 

    <li> 
    <a href="obsulate_fair.php"> 
    <i class="fa fa-fw fa-circle-o"></i> 
    Obsulate Current Fare 
    </a> 
    </li> 
    </ul> 
    </li> 

    </ul> 
    <!-- /.sidebar-menu --> 
    </section> 
    <!-- /.sidebar --> 
    </aside> 

    <!-- Content Wrapper. Contains page content --> 
    <div class="content-wrapper"> 
    <!-- Content Header (Page header) --> 
    <section class="content-header"> 
    <h1>Manage User 

    </h1> 
    <ol class="breadcrumb"> 
    <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li> 
    <li class="active">Here</li> 
    </ol> 
</section> 

<!-- Main content --> 
<section class="content"> 

    <!-- Your Page Content Here --> 

    <div class="box box-info"> 
     <div class="box-header with-border"> 
      <h3 class="box-title">Block User</h3> 
     </div> 
     <!-- /.box-header --> 
     <!-- form start --> 
     <form class="form-horizontal" method="POST"> 
      <div class="box-body"> 
      <div class="form-group"> 
       <label for="inputEmail3" class="col-sm-2 control-label">User Email ID</label> 

       <div class="col-xs-5"> 
        <input type="email" class="form-control" id="inputEmail3" placeholder="Email" name="user_email"> 
       </div> 
      </div> 
      <div class="form-group"> 
       <label for="inputPassword3" class="col-sm-2 control-label">Block Reason </label> 

       <div class="col-xs-5"> 
        <input type="text" class="form-control" id="inputPassword3" placeholder="Reason for Blocking" name="block_reason"> 
       </div> 
      </div> 



       <!-- select --> 
      <div class="form-group"> 
       <label for="form-control" class="col-sm-2 control-label">Block Peroid</label> 
       <div class="col-xs-5"> 
        <select class="form-control" name="block_period"> 
         <option value="1 week">1 Week</option> 
         <option value="1 month">1 Month</option> 
         <option value="permenent">Permenent</option> 

       </select> 
      </div> 
      </div> 


      </div> 
      <!-- /.box-body --> 
      <div class="box-footer"> 

       <button type="submit" class="btn btn-info pull-left" name="block_user">Block User</button> 
      </div> 
      <!-- /.box-footer --> 

     </form> 
     </div> 

     </section> 
     <!-- /.content --> 
     </div> 
     <!-- /.content-wrapper --> 

    <!-- Main Footer --> 
    <footer class="main-footer"> 
    <!-- To the right --> 
    <div class="pull-right hidden-xs">All rights reserved 
    </div><strong>Copyright &copy; 2016 Parshwa Technology</strong> 
    </footer> 

    <!-- Control Sidebar --> 
    <aside class="control-sidebar control-sidebar-dark"> 
    <!-- Create the tabs --> 
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs"> 
    <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab">   <i class="fa fa-home"></i></a></li> 
    <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> 
</ul> 
<!-- Tab panes --> 
<div class="tab-content"> 
    <!-- Home tab content --> 
    <div class="tab-pane active" id="control-sidebar-home-tab"> 
    <h3 class="control-sidebar-heading">Recent Activity</h3> 
    <ul class="control-sidebar-menu"> 
     <li> 
     <a href="javascript::;"> 
      <i class="menu-icon fa fa-birthday-cake bg-red"></i> 

      <div class="menu-info"> 
      <h4 class="control-sidebar-subheading">Langdon's Birthday</h4> 

      <p>Will be 23 on April 24th</p> 
      </div> 
     </a> 
     </li> 
    </ul> 
    <!-- /.control-sidebar-menu --> 

    <h3 class="control-sidebar-heading">Tasks Progress</h3> 
    <ul class="control-sidebar-menu"> 
     <li> 
     <a href="javascript::;"> 
      <h4 class="control-sidebar-subheading"> 
      Custom Template Design 
      <span class="label label-danger pull-right">70%</span> 
      </h4> 

      <div class="progress progress-xxs"> 
      <div class="progress-bar progress-bar-danger" style="width: 70%"></div> 
      </div> 
     </a> 
     </li> 
    </ul> 
    <!-- /.control-sidebar-menu --> 

    </div> 
    <!-- /.tab-pane --> 
    <!-- Stats tab content --> 
    <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div> 
    <!-- /.tab-pane --> 
    <!-- Settings tab content --> 
    <div class="tab-pane" id="control-sidebar-settings-tab"> 
    <form method="post"> 
     <h3 class="control-sidebar-heading">General Settings</h3> 

     <div class="form-group"> 
     <label class="control-sidebar-subheading"> 
      Report panel usage 
      <input type="checkbox" class="pull-right" checked> 
     </label> 

     <p> 
      Some information about this general settings option 
     </p> 
     </div> 
     <!-- /.form-group --> 
     </form> 
    </div> 
    <!-- /.tab-pane --> 
    </div> 
    </aside> 
    <!-- /.control-sidebar --> 
    <!-- Add the sidebar's background. This div must be placed 
    immediately after the control sidebar --> 
    <div class="control-sidebar-bg"></div> 
    </div> 
    <!-- ./wrapper --> 

    <!-- REQUIRED JS SCRIPTS --> 

    <!-- jQuery 2.2.0 --> 
    <script src="../plugins/jQuery/jQuery-2.2.0.min.js"></script> 
    <!-- Bootstrap 3.3.6 --> 
    <script src="../bootstrap/js/bootstrap.min.js"></script> 
    <!-- AdminLTE App --> 
    <script src="../dist/js/app.min.js"></script> 

    <!-- Optionally, you can add Slimscroll and FastClick plugins. 
     Both of these plugins are recommended to enhance the 
    user experience. Slimscroll is required when using the 
    fixed layout. --> 
    </body> 
    </html> 
    <?php 
    if(isset($_POST["block_user"])) 
    { 



    $mTable = "blocked_user_master"; 
    $mFields = "User_Email,Block_Reason,Block_Period"; 
    $mValues = "'".$_POST['user_email']. "','" . $_POST['block_reason'] . "','" . $_POST['block_period'] . "'"; 
    $mOperation = "Insert"; 

$r = $mcon->DBOperation($mTable,$mFields,$mValues,$mOperation); 

$mTable1 = "user_master"; 
$mFields1 = "User_Email,Blocked"; 
$mValues1 = "'" . $_POST['user_email'] ."',1"; 

$mOperation1 = "Update"; 

$r1 = $mcon->DBOperation($mTable1,$mFields1,$mValues1,$mOperation1); 

// echo $r.$r1; 
if($r1 && $r == 1) 
{ 

echo "<div class='alert alert-success alert-dismissible col-xs-5'> 
      <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button> 
      <h4><i class='icon fa fa-check'></i> Alert!</h4> 
      Success... 
     </div> "; 
    } 


} 

?> 
+0

あなたのコードは何年も前から廃止されていた[最近のPHPのバージョンではなくなった] mysql_関数を使用しています(http:// stackoverflow。 com/questions/12859942/why-shouldnt-i-use-mysql-functions-in-php)を参照してください。その上に、あなたのコードは非常に[SQLインジェクション攻撃](http://stackoverflow.com/questions/60174/how-can-i-prevent-sql-injection-in-php)する傾向があります。あなたは本棚を実際にアップグレードするか、PHPを学ぶための公式文書を使用してください。 – Oldskool

+0

あなたは私の友人です。私はmysqliまたはpdoでそれを更新しますが、私の実際の問題は修正されません。 –

答えて

2

あなたが好きな場所に出力メッセージでのdivボックスを移動します空想JavaScriptでそれを行うことができます。

しかし、それはちょうど汚れたハックであり、コードする適切な方法ではありません。

適切な方法は、操作と表示を分割することです(少なくとも、MVCはさらに優れています)。 この方法では、変数の名前が変更されたことを設定し、その変数に基づいてテンプレートからページを生成することができます(つまり、成功したmsgがページの先頭に設定されている場合)。

独自のテンプレートエンジンを作成しないでください。代わりにいくつかの既存のものを使用してください(Savantは簡単に学ぶことができます)。

編集: [OK]を、私はあなたにすぐに使用できるコードを与え、代わりに私はそれを間に合わせが、ウェイ行う方法を教えてくれますしません。

1)のdivを作成しますこれであなたは、あなたのメッセージが表示されますが、それは、それに(ページスコープ内で一意)いくつかのIDを与えたいところはどこでもそれを配置するすなわち:後でPHPコードで

<div id="resultMsg"></div> 

2):代わりに、印刷のdivとのメッセージ、resultMsgコンテナにメッセージを入力するjavascriptを印刷します。

echo '<script type="text/javascript">document.getElementById("resultMsg").innerHTML = "put your generated message here";</script>'; 

これはすばやく修正されていますが、慣れていません。代わりにこれを正しい方法で行う方法を学んでください。 https://github.com/phplucidframe/phplucidframe/wiki/Integration-of-Savant,-The-Simple-Template-Systemで始めることも、他のテンプレートシステムを使用することもできます。それはあなたにこれより多くの大きな問題を将来的に保存します:)

+0

しかし、私はmvcの知識を持っていないので、このコード内で修正してください。 –

+0

私の編集をチェックしてください。 –

+0

ありがとうございましたあなたは私のアプリケーションを完了し、私はあなたの提案に必ず従います。もう一度おかげで感謝:) –

関連する問題