Foro de elhacker.net

Programación => PHP => Mensaje iniciado por: geshiro en 24 Septiembre 2015, 01:34 am


Título: formulario dinamico
Publicado por: geshiro en 24 Septiembre 2015, 01:34 am
que le haria falta a mi funcion del ajax para que cuando se mande al dom no se vea como que si se duplicara la pagina?

Código
  1. <?php 
  2. include('../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">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();"><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">
  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>
  183.              <?php
  184.                   $product->show_product();
  185.              ?>
  186.       </tbody>
  187.     </table>
  188.   </div>
  189. </div>
  190.     <script src="../Resources/js/jquery-1.11.2.js"></script>
  191.     <script src="../Resources/js/bootstrap.min.js"></script>
  192.     <script src="../Resources/js/actions.js"></script>
  193.     <script src="../Resources/js/validacion.js"></script>
  194.  
  195.     <script>
  196.         function cerrar(){
  197.             $.ajax({
  198.                 url:'../Controllers/user.php',
  199.                 type:'POST',
  200.                 data:"boton=cerrar"
  201.             }).done(function(resp){
  202.                 location.href = '../Views/'
  203.             });
  204.         }
  205.        function add_product(){
  206.            var code    = $('#code').val();
  207.            var product = $('#product').val();
  208.            var price   = $('#price').val();
  209.            var stock   = $('#stock').val();
  210.            var valCheck = verificar();
  211.              if(valCheck == 1){
  212.               $.ajax({
  213.                       url: '../Controllers/actions.php',
  214.                       type: 'POST',
  215.                       data: 'code='+code+'&product='+product+'&price='+price+'&stock='+stock+'&boton=add_product'
  216.               }).done(function(ans){
  217.               if(ans == 'success'){
  218.                       $('#code').val("");
  219.                       $('#product').val('reset_product');
  220.                       $('#price').val("");
  221.                       $('#stock').val('rest_stock');
  222.                       $('#success').show().delay(2000).fadeOut();
  223.  
  224.               }else{
  225.                       alert(ans);
  226.                 }
  227.               })
  228.             } 
  229.             else {
  230.              }
  231.         }
  232.         $(function(){
  233.             var message = $('#notif');
  234.             $('#msg').append(message);
  235.             message.show('slow');
  236.         });
  237.  
  238.          $(function(){
  239.             var message = $('#notif');
  240.             $('#low_stock').append(message);
  241.             message.show('slow');
  242.         });
  243.     </script>
  244. </body>
  245. </html>
  246.  
  247. <?php
  248.  
  249.   }
  250.   else
  251.   {
  252.     header("location: ./");
  253.   }
  254.  ?>
  255.  
  256.  

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 show_product(){
  22. 			$sql = "SELECT * FROM product";
  23. 			$record = $this->conexion->conexion->query($sql);
  24. 			$item =0;
  25.  
  26. 			if(!$this->conexion->conexion->query($sql)){
  27. 				printf("Errormessage: %s\n", $this->conexion->conexion->error);
  28. 			}
  29. 			if($record->num_rows>0){
  30. 				while($show = $record->fetch_array(MYSQLI_ASSOC)){
  31. 					$item += 1;
  32. 					echo '<tr>
  33. 								<td>'.$item.'</td>
  34. 								<td>'.$show["code"].'</td>
  35. 								<td>'.$show["product"].'</td>
  36. 								<td>'.$show["price"].'</td>
  37. 								<td>'.$show["stock"].'</td>
  38. 								<td><button class="btn btn-warning frm-del"><span class="glyphicon glyphicon-edit"><span<button><button class="btn btn-danger"><span class="glyphicon glyphicon-trash"><span<button></td>
  39. 						 </tr>';
  40. 				}
  41. 			}
  42. 			else{
  43. 					echo '<tr><td colspan="5">no hay registros</td></tr>';
  44. 			}
  45. 		}
  46.  
  47. 	}
  48. ?>
  49.  

Título: Re: formulario dinamico
Publicado por: 0roch1 en 25 Septiembre 2015, 20:00 pm
Hola.

Perdón no entiendo tu pregunta, podrías replantearla.

Gracias.

Título: Re: formulario dinamico
Publicado por: geshiro en 26 Septiembre 2015, 00:08 am
osea que cuando registre mandarlo al dom pero al momento que lo mando me dubplica la pagina pero este es mi codigo
Código
  1. $(document).ready(function(){
  2.   $('#add').click(function(){
  3.      $.ajax({
  4.         type: "POST",
  5.         URL: "../Models/product.php",
  6.         success: function(data){
  7.             $('#records').html(data);
  8.         }
  9.      });
  10.   });
  11. });
  12.  

Título: Re: formulario dinamico
Publicado por: Pablo Videla en 26 Septiembre 2015, 05:46 am
Donde esta este elemento ?

Código
  1. $('#records')

Título: Re: formulario dinamico
Publicado por: geshiro en 26 Septiembre 2015, 06:27 am
Código
  1. <?php 
  2. include('../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">
  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="record">
  183.              <?php
  184.                   $product->show_product();
  185.              ?>
  186.       </tbody>
  187.     </table>
  188.   </div>
  189. </div>
  190.     <script src="../Resources/js/jquery-1.11.2.js"></script>
  191.     <script src="../Resources/js/bootstrap.min.js"></script>
  192.     <script src="../Resources/js/actions.js"></script>
  193.     <script src="../Resources/js/validacion.js"></script>
  194.     <script src="../Resources/js/ajax.js"></script>
  195.     <script>
  196.                function cerrar(){
  197.             $.ajax({
  198.                 url:'../Controllers/user.php',
  199.                 type:'POST',
  200.                 data:"boton=cerrar"
  201.             }).done(function(resp){
  202.                 location.href = '../Views/'
  203.             });
  204.         }
  205. function add_product(){
  206.    var code    = $('#code').val();
  207.    var product = $('#product').val();
  208.    var price   = $('#price').val();
  209.    var stock   = $('#stock').val();
  210.    var valCheck = verificar();
  211.      if(valCheck == 1){
  212.       $.ajax({
  213.               url: '../Controllers/actions.php',
  214.               type: 'POST',
  215.               data: 'code='+code+'&product='+product+'&price='+price+'&stock='+stock+'&boton=add_product'
  216.       }).done(function(ans){
  217.       if(ans == 'success'){
  218.               $('#code').val("");
  219.               $('#product').val('reset_product');
  220.               $('#price').val("");
  221.               $('#stock').val('rest_stock');
  222.               $('#success').show().delay(2000).fadeOut();
  223.  
  224.       }else{
  225.               alert(ans);
  226.         }
  227.       })
  228.     } 
  229.     else {
  230.      }
  231. }
  232.  
  233. $(document).ready(function(){
  234.   $('#add').click(function(){
  235.      $.ajax({
  236.         type: "POST",
  237.         URL: "../Models/product.php",
  238.         success: function(data){
  239.             $('#record').html(data);
  240.         }
  241.      });
  242.   });
  243. });
  244.  
  245.  
  246.   $(function(){
  247.      var message = $('#notif');
  248.        $('#msg').append(message);
  249.           message.show('slow');
  250.   });
  251.  
  252.  
  253.  $(function(){
  254.     var message = $('#notif');
  255.     $('#low_stock').append(message);
  256.     message.show('slow');
  257. });
  258.     </script>
  259. </body>
  260. </html>
  261.  
  262. <?php
  263.  
  264.   }
  265.   else
  266.   {
  267.     header("location: ./");
  268.   }
  269.  ?>
  270.  
  271.  

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 show_product(){
  22. 			$sql = "SELECT * FROM product";
  23. 			$record = $this->conexion->conexion->query($sql);
  24. 			$item =0;
  25.  
  26. 			if(!$this->conexion->conexion->query($sql)){
  27. 				printf("Errormessage: %s\n", $this->conexion->conexion->error);
  28. 			}
  29. 			if($record->num_rows>0){
  30. 				while($show = $record->fetch_array(MYSQLI_ASSOC)){
  31. 					$item += 1;
  32. 					echo '<tr>
  33. 								<td>'.$item.'</td>
  34. 								<td>'.$show["code"].'</td>
  35. 								<td>'.$show["product"].'</td>
  36. 								<td>'.$show["price"].'</td>
  37. 								<td>'.$show["stock"].'</td>
  38. 								<td><button class="btn btn-warning frm-action"><span class="glyphicon glyphicon-edit"><span<button><button class="btn btn-danger frm-action"><span class="glyphicon glyphicon-trash"><span<button></td>
  39. 						 </tr>';
  40. 				}
  41. 			}
  42. 			else{
  43. 					echo '<tr><td colspan="5">no hay registros</td></tr>';
  44. 			}
  45. 		}
  46.  
  47. 	}			
  48. ?>
  49.  

Título: Re: formulario dinamico
Publicado por: 0roch1 en 27 Septiembre 2015, 17:06 pm
Cita de: geshiro en 26 Septiembre 2015, 00:08 am
osea que cuando registre mandarlo al dom pero al momento que lo mando me dubplica la pagina pero este es mi codigo
Código
  1. $(document).ready(function(){
  2.   $('#add').click(function(){
  3.      $.ajax({
  4.         type: "POST",
  5.         URL: "../Models/product.php",
  6.         success: function(data){
  7.             $('#records').html(data);
  8.         }
  9.      });
  10.   });
  11. });
  12.  


Qué es lo que duplica?, toda la tabla o los registros?
En realidad eso no debería funcionar, solo debería mostrar la página en blanco porque es una clase.

De esta función de la clase product deberías quitar la parte donde muestra los resultados y regresar únicamente los resultados para utilizarlos en una "vista"

Código
  1. function show_product(){
  2. 			$sql = "SELECT * FROM product";
  3. 			$record = $this->conexion->conexion->query($sql);
  4. 			$item =0;
  5.  
  6. 			if(!$this->conexion->conexion->query($sql)){
  7. 				printf("Errormessage: %s\n", $this->conexion->conexion->error);
  8. 			}
  9. 			if($record->num_rows>0){
  10. 				while($show = $record->fetch_array(MYSQLI_ASSOC)){
  11. 					$item += 1;
  12. 					echo '<tr>
  13. 								<td>'.$item.'</td>
  14. 								<td>'.$show["code"].'</td>
  15. 								<td>'.$show["product"].'</td>
  16. 								<td>'.$show["price"].'</td>
  17. 								<td>'.$show["stock"].'</td>
  18. 								<td><button class="btn btn-warning frm-action"><span class="glyphicon glyphicon-edit"><span<button><button class="btn btn-danger frm-action"><span class="glyphicon glyphicon-trash"><span<button></td>
  19. 						 </tr>';
  20. 				}
  21. 			}
  22. 			else{
  23. 					echo '<tr><td colspan="5">no hay registros</td></tr>';
  24. 			}
  25. 		}
  26.  


Título: Re: formulario dinamico
Publicado por: geshiro en 27 Septiembre 2015, 19:22 pm
ya pude hacer la vista pero cres que debe hacer la paginacion en otra clase y mandarla llamar?=

Título: Re: formulario dinamico
Publicado por: Pablo Videla en 27 Septiembre 2015, 22:04 pm
Cita de: geshiro en 27 Septiembre 2015, 19:22 pm
ya pude hacer la vista pero cres que debe hacer la paginacion en otra clase y mandarla llamar?=

Para tablas con paginación, buscador, etc usa datatables.https://www.datatables.net/


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines