2016-06-27 1 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 상자를 이동합니다 멋진 자바 스크립트와.

그러나 이것은 코드를 작성하는 올바른 방식이 아니라 단지 더러운 해킹 일뿐입니다.

적절한 방법은 작업과 표시를 나누는 것입니다 (적어도 MVC는 더 좋습니다). 이 방법을 사용하면 이름이 변경되었음을 나타내는 변수를 설정하고 해당 변수를 기반으로 템플릿에서 페이지를 생성 할 수 있습니다 (예 : 성공한 msg를 페이지 맨 위에 설정).

고유 한 템플릿 엔진을 만들지 마십시오. 대신 기존의 것들을 사용하십시오 (Savant는 배우기 쉽습니다).

편집 : 좋아, 내가 대신 내가 어떻게 그것을 더러운 빠른하지만 웨이 수행하는 방법을 말할 것이다, 당신에게 즉시 사용할 수있는 코드를 제공하지 않습니다 사업부를 만들 수)

1 하는 당신은 당신의 메시지가 나타납니다 당신이 그것을하고 그것을 (페이지 범위에서 고유 한) 일부 ID를 부여하여 원하는 목적지를 배치 할 예 : 나중에 PHP 코드에서

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

2) : 대신 인쇄 사업부와의 메시지, resultMsg 컨테이너에 메시지를 채울 자바 스크립트를 인쇄하십시오 :

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

당신이 내 응용 프로그램을 완성 해 주셔서 감사합니다. 나는 당신의 제안을 따를 것입니다. 다시 한번 감사드립니다 :) –

관련 문제