ayuda con el id de un archivo externo jquery y php

geshiro · 7 Octubre 2015, 23:20 PM

como puedo implementar mi funcion que tengo de jquery de un dato externo a mi php que esta en otro dado externo con onclick mi funcion es del ajax delete(id) y delete($code) del php

Código (html4strict) [Seleccionar]


<?php 
  require_once('../Models/product.php');
  $product = new product();
  session_start();
  if (isset($_SESSION['login']) && $_SESSION['login']=='YES') 
  {?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Products</title>
 
    <link rel="stylesheet" href="../Resources/css/bootstrap.min.css">
    <link rel="stylesheet" href="../Resources/css/main.css">
 
</head>
 
<body>
    <!--Barra de Navegacion-->
<nav class="navbar navbar-default frm-nav">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Cambiar Navegacion</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand">Sales</a>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdrown">
             <a href="javascript:void(0)" onclick="" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> <?php echo $_SESSION['name'];?><span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">   
                <li><a href="javascript:void(0)" onclick="settings();"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
                <li><a href="javascript:void(0)" onclick="edit();"><span class="glyphicon glyphicon-edit"></span> Edit</a></li>
                <li><a href="javascript:void(0)" onclick="change();
                    "><span class="glyphicon glyphicon-repeat"></span> Change your password</a></li>
                <li class="divider"></li>
                <li><a href="javascript:void(0)" onclick="cerrar();"><span class="glyphicon glyphicon-off"> Sign out</span></a></li>
            </ul>
        </ul>   
        <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
           <a href="javascript:void(0)" onclick="" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-flag"></span> Reports<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href=""><span class="glyphicon glyphicon-list"></span> Items</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-list"></span> Parents list</a></li>
          </ul>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="javascript:void(0)" onclick=""><span class="glyphicon glyphicon-home"></span> home</a></li>
        <li><a href="javascript:void(0)" id="low_stock" onclick=""><span class="glyphicon glyphicon-alert"></span> slow stock <span id="notif" class="badge">0</span></a></li>
      </ul>
</nav>   
<div class="col-md-3">
    <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="javascript:void(0)" onclick="home();"><span class="glyphicon glyphicon-home"></span> home</a></li>
        <li><a href="javascript:void(0)" onclick="product();"><span class=" glyphicon glyphicon-bed"></span> products</a></li>
        <li><a href="javascript:void(0)" onclick="sales();"><span class="glyphicon glyphicon-credit-card"></span> Sales</a></li>
       <li><a href="javascript:void(0)" id="msg" onclick="users();"><span class="glyphicon glyphicon-user"></span> Users <span id="notif" class="badge" onclick="push_up();">0</span></a></li>
    </ul>
</div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModallabel" aria-hidden="true">
                 <div class="modal-dialog">
                   <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">Registro</h4>
                    </div>
            <div class="modal-body">
                <form class="form-horizontal" id="formCliente">
                    <div class="form-group">
                        <label for="fecha" class="control-label col-xs-5">date: </label>
                        <div class="col-xs-4">
                             <input type="text" class="form-control" value="<?php echo date('y-m-d'); ?>" disabled="disabled"/>
                        </div>
                    </div>
                     <div class="form-group">
                          <label for="code" class="control-label col-xs-5">code:</label>
                          <div class="col-xs-2 frm-code">
                               <input type="text" id="code" name="code" class="form-control" onkeyup="validacion('code');" aria-describedby="inputSuccess2Status">
                               <span class="help-block"></span>
                         </div>
                   </div>
                    <div class="form-group">
                          <label for="product" class="control-label col-xs-5">Product:</label>
                          <div class="col-xs-4 frm-product">
                               <select class="form-control" id="product" name="product" onchange="validacion('product');">
                                        <option value="reset_product">Select an option</option>
                                        <option>usb 8gb</option>
                                        <option>usb 16gb  Kingston</option>
                                        <option>usb 32gb  Kingston</option>
                                        <option>usb 64gb  Kingston</option>
                                        <option>usb 128gb Kingston</option>
                                        <option>SD 8gb</option>
                                        <option>SD 16gb</option>
                                        <option>SD 32GB</option>
                                        <option>SD 64gb</option>
                                        <option>SD 128gb</option>
                                        <option>GO PRO HERO</option>
                                        <option>GO PRO BLACK EDITION</option>
                                        <option>GO PRO SILVER EDITION</option>
                                        <option>GO PRO 2 HERO</option>
                                        <option>GO PRO 2 HERO BLACK EDITION</option>
                                        <option>GO PRO 2 HERO SILVER EDITION</option>
                                        <option>GO PRO 3 HERO</option>
                                        <option>GO PRO 3 HERO</option>
                                        <option>GO PRO 3 HERO BLACK EDITION</option>
                                        <option>GO PRO 3 HERO SILVER EDITION</option>
                                        <option>Snorkel</option>
                                        <option>Aletas</option>
                                        <option>Tanque  24lb</option>
                               </select>
                         </div>
                   </div>
                     <div class="form-group">
                          <label for="price" class="control-label col-xs-5">Price:</label>
                          <div class="col-xs-3 frm-price">
                               <input type="text" class="form-control"  id="price" name="price" onkeyup="validacion('price');">
                               <span class="help-block"></span>
                         </div>
                   </div>
                     <div class="form-group">
                          <label for="stock" class="control-label col-xs-5">Stock: </label>
                          <div class="col-xs-4">
                               <select class="form-control" id="stock" name="stock" onchange="validacion('stock')";>
                                        <option value="rest_stock">Select an option</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>5</option>
                                        <option>6</option>
                                        <option>7</option>
                                        <option>8</option>
                                        <option>9</option>
                                        <option>10</option>       
                               </select>
                         </div>
                   </div>
                </form>
            </div>
            <div class="form-group">
                  <div class="alert alert-success text-center" style="display:none;" id="success">
                        <strong>Felicidades: </strong>Su registro ha sido guardado
                  </div>
                  <div class="alert alert-danger text-center" style="display:none;" id="error">
                        <strong>Alert: </strong>you must to complete all fields
                  </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">close</button>
                <button type="button" class="btn btn-success" onclick="add_product();" id="add"><span class="glyphicon glyphicon-plus"></span> Add</button>
            </div>                
        </div>
    </div>
</div>
<div class="container">
  <div class="tab-content nav col-md-8 frm-grid">
    <h4>Products</h4>
      <div class="form-group col-xs-3 frm-search">
          <div class="form-group has-feedback">
                <input type="text" class="form-control" id="inputValidation" placeholder="Search"/>
                <span class="glyphicon glyphicon-search form-control-feedback"></span>
          </div>
    </div>
    <button class="btn btn-success frm-add" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus"></span> Add products</button>
    <table class="table table-hover table-resposive" id="return_product">
      <thead>
          <tr>
            <th>Item</th>
            <th>code</th>
            <th>Description</th>
            <th>Price</th>
            <th>Stock</th>
            <th>Actions</th>
          </tr>
      </thead>  
      <tbody id="records">
             <?php
                  $product->show_product();
             ?>
      </tbody>
    </table>
    <div id="pagination"></div>
  </div>
</div>
    <script src="../Resources/js/jquery-1.11.2.js"></script>
    <script src="../Resources/js/bootstrap.min.js"></script>
    <script src="../Resources/js/actions.js"></script>
    <script src="../Resources/js/validacion.js"></script>
    <script src="../Resources/js/ajax.js"></script>
    <script>
       function cerrar()
        {
        $.ajax({
            url:'../Controllers/actions.php',
            type:'POST',
            data:"boton=cerrar"
        }).done(function(resp){
            location.href = '../Views/'
        });
}

function add_product(){
   var code    = $('#code').val();
   var product = $('#product').val();
   var price   = $('#price').val();
   var stock   = $('#stock').val();
   var valCheck = verificar();
     if(valCheck == true){
      $.ajax({
              url: '../Controllers/actions.php',
              type: 'POST',
              data: 'code='+code+'&product='+product+'&price='+price+'&stock='+stock+'&boton=add_product'
      }).done(function(ans){
      if(ans == 'success'){
              $('#code').val("");
              $('#product').val('reset_product');
              $('#price').val("");
              $('#stock').val('rest_stock');
              $('#success').show().delay(2000).fadeOut();

      }else{
              alert(ans);
        }
      })
    } 
    else {
     }
}

function delete(id){
  $.ajax({
    url:'../Controllers/product.php',
    type:'POST',
    data:'code='+id+'&boton=delete'
  }).done(function(ans){
    alert(ans);
  });
  
}


$(document).ready(function(){
  $('#add').click(function(){
     $.ajax({
              url: '../Controllers/actions.php',
              type: 'POST',
              data: 'boton=show_product'
      }).done(function(data){
    $('#records').html(data);             
      })
  });
});

    </script>
</body>
</html>
 
<?php
 
  }
  else
  {
    header("location: ./");
  }
 ?>

Código (php-brief) [Seleccionar]


<?php
 class product{
  private $conexion;
  public function __construct(){
   require_once('conexion.php');
   $this->conexion = new conexion();
   $this->conexion->conectar();
  }

  function add($price,$stock,$code,$product){
   $sql1 ="INSERT INTO product (price,stock,code,product) VALUES('$price','$stock','$code','$product')";
   if($this->conexion->conexion->query($sql1)){
    return true;
   }
   else{
    return false;
   }
   $this->conexion->cerrar();
  }

  function delete($code){
   $sql = "DELETE FROM product WHERE id_product='$code'";
   if($this->conexion->conexion->query($sql)){
    return true;
   }
   else{
    return false;
   }
   $this->conexion->cerrar();
  }
 
   function show_product(){
   $sql = "SELECT * FROM product";
   $record = $this->conexion->conexion->query($sql);
   $item =0;
 
   if(!$this->conexion->conexion->query($sql)){
    printf("Errormessage: %s\n", $this->conexion->conexion->error);
   }
   if($record->num_rows>0){
    while($show = $record->fetch_array(MYSQLI_ASSOC)){
     $item += 1;
     echo '<tr>
        <td>'.$item.'</td>
        <td>'.$show["code"].'</td>
        <td>'.$show["product"].'</td>
        <td>'.$show["price"].'</td>
        <td>'.$show["stock"].'</td>
        <td><button class="btn btn-danger" onclick="delete();"><span class="glyphicon glyphicon-trash"></span></button></td>
       </tr>';
    }
    //this is for counting number of page

   }
   else{
     echo '<tr><td colspan="7">no hay registros</td></tr>';
   }
  }
 }
?>

Test Foro de elhacker.net SMF 2.1

ayuda con el id de un archivo externo jquery y php

geshiro