elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP (Moderador: #!drvy)
| | | |-+  ayuda con el id de un archivo externo jquery y php		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: ayuda con el id de un archivo externo jquery y php  (Leído 1,500 veces)
geshiro

Desconectado Desconectado

Mensajes: 178


Ver Perfil
ayuda con el id de un archivo externo jquery y php
« en: 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
  1. <?php 
  2.   require_once('../Models/product.php');
  3.   $product = new product();
  4.   session_start();
  5.   if (isset($_SESSION['login']) && $_SESSION['login']=='YES') 
  6.   {?>
  7. <!DOCTYPE html>
  8. <html lang="en">
  10.     <meta charset="UTF-8">
  11.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1">
  13.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  14.     <title>Products</title>
  15.  
  16.     <link rel="stylesheet" href="../Resources/css/bootstrap.min.css">
  17.     <link rel="stylesheet" href="../Resources/css/main.css">
  18.  
  19. </head>
  20.  
  22.     <!--Barra de Navegacion-->
  23. <nav class="navbar navbar-default frm-nav">
  24.         <div class="navbar-header">
  25.             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
  26.                 <span class="sr-only">Cambiar Navegacion</span>
  27.                 <span class="icon-bar"></span>
  28.                 <span class="icon-bar"></span>
  29.                 <span class="icon-bar"></span>
  30.             </button>
  31.             <a href="#" class="navbar-brand">Sales</a>
  32.         </div>
  33.         <ul class="nav navbar-nav navbar-right">
  34.             <li class="dropdrown">
  35.              <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>
  36.             <ul class="dropdown-menu" role="menu">   
  37.                 <li><a href="javascript:void(0)" onclick="settings();"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
  38.                 <li><a href="javascript:void(0)" onclick="edit();"><span class="glyphicon glyphicon-edit"></span> Edit</a></li>
  39.                 <li><a href="javascript:void(0)" onclick="change();
  40.                     "><span class="glyphicon glyphicon-repeat"></span> Change your password</a></li>
  41.                 <li class="divider"></li>
  42.                 <li><a href="javascript:void(0)" onclick="cerrar();"><span class="glyphicon glyphicon-off"> Sign out</span></a></li>
  43.             </ul>
  44.         </ul>   
  45.         <ul class="nav navbar-nav navbar-right">
  46.         <li class="dropdown">
  47.            <a href="javascript:void(0)" onclick="" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-flag"></span> Reports<span class="caret"></span></a>
  48.           <ul class="dropdown-menu" role="menu">
  49.             <li><a href=""><span class="glyphicon glyphicon-list"></span> Items</a></li>
  50.             <li><a href="#"><span class="glyphicon glyphicon-list"></span> Parents list</a></li>
  51.           </ul>
  52.         </li>
  53.       </ul>
  54.       <ul class="nav navbar-nav navbar-right">
  55.         <li><a href="javascript:void(0)" onclick=""><span class="glyphicon glyphicon-home"></span> home</a></li>
  56.         <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>
  57.       </ul>
  58. </nav>   
  59. <div class="col-md-3">
  60.     <ul class="nav nav-pills nav-stacked">
  61.         <li class="active"><a href="javascript:void(0)" onclick="home();"><span class="glyphicon glyphicon-home"></span> home</a></li>
  62.         <li><a href="javascript:void(0)" onclick="product();"><span class=" glyphicon glyphicon-bed"></span> products</a></li>
  63.         <li><a href="javascript:void(0)" onclick="sales();"><span class="glyphicon glyphicon-credit-card"></span> Sales</a></li>
  64.        <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>
  65.     </ul>
  66. </div>
  67.     <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModallabel" aria-hidden="true">
  68.                  <div class="modal-dialog">
  69.                    <div class="modal-content">
  70.                     <div class="modal-header">
  71.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  72.                         <h4 class="modal-title" id="myModalLabel">Registro</h4>
  73.                     </div>
  74.             <div class="modal-body">
  75.                 <form class="form-horizontal" id="formCliente">
  76.                     <div class="form-group">
  77.                         <label for="fecha" class="control-label col-xs-5">date: </label>
  78.                         <div class="col-xs-4">
  79.                              <input type="text" class="form-control" value="<?php echo date('y-m-d'); ?>" disabled="disabled"/>
  80.                         </div>
  81.                     </div>
  82.                      <div class="form-group">
  83.                           <label for="code" class="control-label col-xs-5">code:</label>
  84.                           <div class="col-xs-2 frm-code">
  85.                                <input type="text" id="code" name="code" class="form-control" onkeyup="validacion('code');" aria-describedby="inputSuccess2Status">
  86.                                <span class="help-block"></span>
  87.                          </div>
  88.                    </div>
  89.                     <div class="form-group">
  90.                           <label for="product" class="control-label col-xs-5">Product:</label>
  91.                           <div class="col-xs-4 frm-product">
  92.                                <select class="form-control" id="product" name="product" onchange="validacion('product');">
  93.                                         <option value="reset_product">Select an option</option>
  94.                                         <option>usb 8gb</option>
  95.                                         <option>usb 16gb  Kingston</option>
  96.                                         <option>usb 32gb  Kingston</option>
  97.                                         <option>usb 64gb  Kingston</option>
  98.                                         <option>usb 128gb Kingston</option>
  99.                                         <option>SD 8gb</option>
  100.                                         <option>SD 16gb</option>
  101.                                         <option>SD 32GB</option>
  102.                                         <option>SD 64gb</option>
  103.                                         <option>SD 128gb</option>
  104.                                         <option>GO PRO HERO</option>
  105.                                         <option>GO PRO BLACK EDITION</option>
  106.                                         <option>GO PRO SILVER EDITION</option>
  107.                                         <option>GO PRO 2 HERO</option>
  108.                                         <option>GO PRO 2 HERO BLACK EDITION</option>
  109.                                         <option>GO PRO 2 HERO SILVER EDITION</option>
  110.                                         <option>GO PRO 3 HERO</option>
  111.                                         <option>GO PRO 3 HERO</option>
  112.                                         <option>GO PRO 3 HERO BLACK EDITION</option>
  113.                                         <option>GO PRO 3 HERO SILVER EDITION</option>
  114.                                         <option>Snorkel</option>
  115.                                         <option>Aletas</option>
  116.                                         <option>Tanque  24lb</option>
  117.                                </select>
  118.                          </div>
  119.                    </div>
  120.                      <div class="form-group">
  121.                           <label for="price" class="control-label col-xs-5">Price:</label>
  122.                           <div class="col-xs-3 frm-price">
  123.                                <input type="text" class="form-control"  id="price" name="price" onkeyup="validacion('price');">
  124.                                <span class="help-block"></span>
  125.                          </div>
  126.                    </div>
  127.                      <div class="form-group">
  128.                           <label for="stock" class="control-label col-xs-5">Stock: </label>
  129.                           <div class="col-xs-4">
  130.                                <select class="form-control" id="stock" name="stock" onchange="validacion('stock')";>
  131.                                         <option value="rest_stock">Select an option</option>
  132.                                         <option>1</option>
  133.                                         <option>2</option>
  134.                                         <option>3</option>
  135.                                         <option>5</option>
  136.                                         <option>6</option>
  137.                                         <option>7</option>
  138.                                         <option>8</option>
  139.                                         <option>9</option>
  140.                                         <option>10</option>       
  141.                                </select>
  142.                          </div>
  143.                    </div>
  144.                 </form>
  145.             </div>
  146.             <div class="form-group">
  147.                   <div class="alert alert-success text-center" style="display:none;" id="success">
  148.                         <strong>Felicidades: </strong>Su registro ha sido guardado
  149.                   </div>
  150.                   <div class="alert alert-danger text-center" style="display:none;" id="error">
  151.                         <strong>Alert: </strong>you must to complete all fields
  152.                   </div>
  153.             </div>
  154.             <div class="modal-footer">
  155.                 <button type="button" class="btn btn-default" data-dismiss="modal">close</button>
  156.                 <button type="button" class="btn btn-success" onclick="add_product();" id="add"><span class="glyphicon glyphicon-plus"></span> Add</button>
  157.             </div>                
  158.         </div>
  159.     </div>
  160. </div>
  161. <div class="container">
  162.   <div class="tab-content nav col-md-8 frm-grid">
  163.     <h4>Products</h4>
  164.       <div class="form-group col-xs-3 frm-search">
  165.           <div class="form-group has-feedback">
  166.                 <input type="text" class="form-control" id="inputValidation" placeholder="Search"/>
  167.                 <span class="glyphicon glyphicon-search form-control-feedback"></span>
  168.           </div>
  169.     </div>
  170.     <button class="btn btn-success frm-add" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus"></span> Add products</button>
  171.     <table class="table table-hover table-resposive" id="return_product">
  172.       <thead>
  173.           <tr>
  174.             <th>Item</th>
  175.             <th>code</th>
  176.             <th>Description</th>
  177.             <th>Price</th>
  178.             <th>Stock</th>
  179.             <th>Actions</th>
  180.           </tr>
  181.       </thead>  
  182.       <tbody id="records">
  183.              <?php
  184.                   $product->show_product();
  185.              ?>
  186.       </tbody>
  187.     </table>
  188.     <div id="pagination"></div>
  189.   </div>
  190. </div>
  191.     <script src="../Resources/js/jquery-1.11.2.js"></script>
  192.     <script src="../Resources/js/bootstrap.min.js"></script>
  193.     <script src="../Resources/js/actions.js"></script>
  194.     <script src="../Resources/js/validacion.js"></script>
  195.     <script src="../Resources/js/ajax.js"></script>
  196.     <script>
  197.        function cerrar()
  198.         {
  199.         $.ajax({
  200.             url:'../Controllers/actions.php',
  201.             type:'POST',
  202.             data:"boton=cerrar"
  203.         }).done(function(resp){
  204.             location.href = '../Views/'
  205.         });
  206. }
  207.  
  208. function add_product(){
  209.    var code    = $('#code').val();
  210.    var product = $('#product').val();
  211.    var price   = $('#price').val();
  212.    var stock   = $('#stock').val();
  213.    var valCheck = verificar();
  214.      if(valCheck == true){
  215.       $.ajax({
  216.               url: '../Controllers/actions.php',
  217.               type: 'POST',
  218.               data: 'code='+code+'&product='+product+'&price='+price+'&stock='+stock+'&boton=add_product'
  219.       }).done(function(ans){
  220.       if(ans == 'success'){
  221.               $('#code').val("");
  222.               $('#product').val('reset_product');
  223.               $('#price').val("");
  224.               $('#stock').val('rest_stock');
  225.               $('#success').show().delay(2000).fadeOut();
  226.  
  227.       }else{
  228.               alert(ans);
  229.         }
  230.       })
  231.     } 
  232.     else {
  233.      }
  234. }
  235.  
  236. function delete(id){
  237.   $.ajax({
  238.     url:'../Controllers/product.php',
  239.     type:'POST',
  240.     data:'code='+id+'&boton=delete'
  241.   }).done(function(ans){
  242.     alert(ans);
  243.   });
  244.  
  245. }
  246.  
  247.  
  248. $(document).ready(function(){
  249.   $('#add').click(function(){
  250.      $.ajax({
  251.               url: '../Controllers/actions.php',
  252.               type: 'POST',
  253.               data: 'boton=show_product'
  254.       }).done(function(data){
  255. 				$('#records').html(data);             
  256.       })
  257.   });
  258. });
  259.  
  260.     </script>
  261. </body>
  262. </html>
  263.  
  264. <?php
  265.  
  266.   }
  267.   else
  268.   {
  269.     header("location: ./");
  270.   }
  271.  ?>
  272.  
  273.  



Código
  1. <?php
  2. 	class product{
  3. 		private $conexion;
  4. 		public function __construct(){
  5. 			require_once('conexion.php');
  6. 			$this->conexion = new conexion();
  7. 			$this->conexion->conectar();
  8. 		}
  9.  
  10. 		function add($price,$stock,$code,$product){
  11. 			$sql1 ="INSERT INTO product (price,stock,code,product) VALUES('$price','$stock','$code','$product')";
  12. 			if($this->conexion->conexion->query($sql1)){
  13. 				return true;
  14. 			}
  15. 			else{
  16. 				return false;
  17. 			}
  18. 			$this->conexion->cerrar();
  19. 		}
  20.  
  21. 		function delete($code){
  22. 			$sql = "DELETE FROM product WHERE id_product='$code'";
  23. 			if($this->conexion->conexion->query($sql)){
  24. 				return true;
  25. 			}
  26. 			else{
  27. 				return false;
  28. 			}
  29. 			$this->conexion->cerrar();
  30. 		}
  31.  
  32. 		 function show_product(){
  33. 			$sql = "SELECT * FROM product";
  34. 			$record = $this->conexion->conexion->query($sql);
  35. 			$item =0;
  36.  
  37. 			if(!$this->conexion->conexion->query($sql)){
  38. 				printf("Errormessage: %s\n", $this->conexion->conexion->error);
  39. 			}
  40. 			if($record->num_rows>0){
  41. 				while($show = $record->fetch_array(MYSQLI_ASSOC)){
  42. 					$item += 1;
  43. 					echo '<tr>
  44. 								<td>'.$item.'</td>
  45. 								<td>'.$show["code"].'</td>
  46. 								<td>'.$show["product"].'</td>
  47. 								<td>'.$show["price"].'</td>
  48. 								<td>'.$show["stock"].'</td>
  49. 								<td><button class="btn btn-danger" onclick="delete();"><span class="glyphicon glyphicon-trash"></span></button></td>
  50. 						 </tr>';
  51. 				}
  52. 				//this is for counting number of page
  53.  
  54. 			}
  55. 			else{
  56. 					echo '<tr><td colspan="7">no hay registros</td></tr>';
  57. 			}
  58. 		}
  59. 	}
  60. ?>
  61.  
« Última modificación: 7 Octubre 2015, 23:29 pm por geshiro » En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
como mandar a llamar un archivo java externo dentro un un archivo java
Java 		hacker2000 8 12,361 Último mensaje 20 Diciembre 2005, 20:35 pm
por Casidiablo
[Ayuda] Usar 2 Jquery al mismo tiempo - Usar 2 veces jquery
Desarrollo Web 		Graphixx 5 8,330 Último mensaje 19 Diciembre 2012, 17:17 pm
por #!drvy
Problema con js externo y Jquery Mobile
Desarrollo Web 		spysecurityca 1 1,876 Último mensaje 15 Junio 2015, 07:20 am
por spysecurityca
ayuda con el id de un archivo externo jquery y php
PHP 		geshiro 0 1,390 Último mensaje 5 Octubre 2015, 05:32 am
por geshiro
jquery desde un archivo js « 1 2 3 »
Desarrollo Web 		FJDA 21 10,611 Último mensaje 30 Abril 2017, 00:34 am
por FJDA
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines