Diferentes Sub Paginas

Iniciado por ::: Devil :::, 6 Abril 2015, 20:31 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

::: Devil :::

6 Abril 2015, 20:31 PM
Hola espero me indiquen o me den un ejemplo de como hacerlo,

tengo un carro de compras con el cual vendo los productos en mi web, pero no quiero ligar lo que es lápiz con mouse me entienden, ya que cuando ingreso un producto a mi carrito de compras todos se ingresan a index.php ahora bien lo que quiero hacer es que tenga electrónica, relojes, otros (ejemplo) ya en la base de datos cree una tabla que se llama selecccion que hay es donde voy a indicar a que pertenece cada articulo.

ya cree la sub.paginas indicando electrónica, relojes, otros, ahora bien quiero que me ayuden a como clasificar a que cuando introduzca electrónica vaya a la pagina electrónica.
NI TU NI NADIEN PORDRAN CONMIGO SOY MAS FUERTE QUE LA ENVIDIA.

ESTO ESTA DEDICADO A LOS QUE ME JODEN LA VIDA

Alex_bro

#1
6 Abril 2015, 20:59 PM
Amigo yo por lo menos no te entiendo. No dices si usas un CMS o estás programando tu propio sistema. En cualquier caso, bien comenta el nombre del sistema que usas o muéstranos la parte del código propio que crees que falla.

Ojalá podamos ayudarte.

Un saludo.

::: Devil :::

#2
6 Abril 2015, 21:04 PM
Código (php) [Seleccionar]
<?php 
session_start();
 include('php_conexion.php'); 
 $act="0";
 include_once("php_conexion.php");
 if(!empty($_GET['del'])){
 $id=$_GET['del'];
 mysql_query("DELETE FROM carrito WHERE codigo='$id'");
     }
 ?>

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>Carrito de Compras</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
   
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="ico/favicon.png">
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Tienda Venezuela Computer</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="index.php">Principal</a></li>
              <li><a href="mis_pedidos.php">Mis Pedidos</a></li>
            </ul>

            </li>
            <table width="200" border="2" align="right">
              <tr>
                <td bgcolor="#FFFFFF"><a href="#" target="_blank" class="dropdown-toggle" id="drop3" role="button" data-toggle="dropdown"><i class="icon-user"></i> Hola! <?php echo $_SESSION['username']; ?> <b class="caret"></b></td>
              </tr>
            </table>
          </div><!--/.nav-collapse -->
          </a>
        </div>
      </div>
    </div>

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit" align="center">
        <table width="200" border="0">
          <tr>
            <th scope="col">Computacion    </th>
            <th scope="col">Relojeria    </th>
            <th scope="col">Seguridad CCTV     </th>
            <th scope="col">Calculadoras</th>
          </tr>
        </table>
      </div>

      <!-- Example row of columns -->
      <div class="row">
     
      </div>
      <div align="center">
     
        <div class="row-fluid">
    <div class="span8">
<?php
                $pa=mysql_query("SELECT * FROM producto where estado='s'");
                while($row=mysql_fetch_array($pa)){
            ?>                       
        <table class="table table-bordered">
            <tr><td>
                <div class="row-fluid">
                    <div class="span4">
                            <center><strong><?php echo $row['nombre']; ?></strong></center><br>
                            <img src="img/producto/<?php echo $row['codigo']; ?>.jpg" class="img-polaroid">
                        </div>
                        <div class="span4"><br><br><br><br>
                            <strong><?php echo $row['nota']; ?></strong><br><br>
                            <strong>Valor: </strong>$ <?php echo number_format($row['valor'],2,",","."); ?>
                        </div>
                   
                        <div class="span4"><br><br><br><br><br>
                        <form name="form<?php $row['codigo']; ?>" method="post" action="">
                            <input type="hidden" name="codigo" value="<?php echo $row['codigo']; ?>">
                                <button type="submit" name="boton" class="btn btn-primary">
                                    <i class="icon-shopping-cart"></i> <strong>Agregar</strong>
                                </button>
                            </form>
                        </div>
                    </div>

            </td></tr>
        </table>
        <?php } ?>
        </div>
           
            <div class="span4">
            <?php
 if(!empty($_POST['codigo'])){
 $codigo=$_POST['codigo'];
 $pa=mysql_query("SELECT * FROM carrito WHERE codigo='$codigo'");
if($row=mysql_fetch_array($pa)){
 $new_cant=$row['cantidad']+1;
 mysql_query("UPDATE carrito SET cantidad='$new_cant' WHERE codigo='$codigo'");
 }else{
 mysql_query("INSERT INTO carrito (codigo, cantidad) VALUES ('$codigo','1')");
 }
 }
 ?>
               <div id="sidebar"><br><br><br>
                <h2 align="center">Mis Pedidos</h2>
                <table class="table table-bordered">
                      <tr>
                        <td height="153">
                        <table class="table table-bordered table table-hover">
                            <?php 
 $neto=0;$tneto=0;
 $pa=mysql_query("SELECT * FROM carrito");
while($row=mysql_fetch_array($pa)){
 $oProducto=new Consultar_Producto($row['codigo']);
 $neto=$oProducto->consultar('valor')*$row['cantidad'];
 $tneto=$tneto+$neto;
?>
                              <tr style="font-size:9px">
                                <td><?php echo $oProducto->consultar('nombre'); ?></td>
                                <td><?php echo $row['cantidad']; ?></td>
                                <td>$ <?php echo number_format($neto,2,",","."); ?></td>
                                <td>
                                <a href="index.php?del=<?php echo $row['codigo']; ?>" title="Eliminar de la Lista">
                                <i class="icon-remove"></i>
                                    </a>
                                </td>
                              </tr>
                            <?php }
 ?>
                            <td colspan="4" style="font-size:9px"><div align="right">$<?php echo number_format($tneto,2,",","."); ?></div></td>
                            <?php 
 $pa=mysql_query("SELECT * FROM carrito");
if(!$row=mysql_fetch_array($pa)){
 ?>
                              <tr><div class="alert alert-success" align="center"><strong>No hay Productos Registrados</strong></div></tr>
  <?php } ?>
                            </table></td>
                      </tr>
                    </table>
                </div>
            </div>
    </div>
       
      </div>

      <hr>

      <footer>
        <p>&copy; Venezuela Computer 2014</p>
        <p>&nbsp;</p>
       
      </footer>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script>
$(function() {
            var offset = $("#sidebar").offset();
            var topPadding = 15;
            $(window).scroll(function() {
                if ($("#sidebar").height() < $(window).height() && $(window).scrollTop() > offset.top) { /* LINEA MODIFICADA POR ALEX PARA NO ANIMAR SI EL SIDEBAR ES MAYOR AL TAMAÑO DE PANTALLA */
                    $("#sidebar").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    });
                } else {
                    $("#sidebar").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });
</script>

  </body>
</html>


hay esta el codigo
NI TU NI NADIEN PORDRAN CONMIGO SOY MAS FUERTE QUE LA ENVIDIA.

ESTO ESTA DEDICADO A LOS QUE ME JODEN LA VIDA

Usuario Invitado

#3
6 Abril 2015, 21:21 PM Ultima modificación: 6 Abril 2015, 21:38 PM por Gus Garsaky
Haz mezclado Vista con lógica de negocio, nada recomendable. Lo mejor es que separes tu aplicación en capas si quieres que sea mantenible en un futuro.

Respecto a tu problema, yo no haría una web para cada categoría. Lo que haría es poner los productos en un div con los filtros (categoría, precio, etc) y una lista desplegable que representa las categorías de los productos y que cuando se elija determinada categoría, actualice el div para mostrar los productos de aquella categoría, obviamente el proceso es mucho mejor con AJAX.

Código (html4strict) [Seleccionar]
<div class="products-wrapper">
<div class="filters">
<label>Categoría:</label>
<select class="categories">
<option value="todo">Todo</option>
<option value="electronica">Electrónica</option>
<option value="relojes">Relojes</option>
</select>
</div>
<div class="products">

</div>
</div>

Código (javascript) [Seleccionar]
document.querySelector(".categories").addEventListener("change", handleChangeCategory, true);

function handleChangeCategory() {
var selected = document.querySelector(".categories").value;
var request = new XmlHttpRequest();
// PHP
request.open("GET", "/ruta/al/script.php?"+selected, true);
// Java - Servlet
request.open("GET", "/TuServlet?"+selected, true);
// Java - REST
request.open("GET", "http://localhost:8080/api/products/"+selected, true);
request.onreadystatechange = function() {
if(request.readyState === 4 && request.status === 200) {
// renderizas los productos
                                             render(request.responseText); // JSON
}
}
request.send();
}

"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein

::: Devil :::

#4
6 Abril 2015, 21:46 PM
Código (php) [Seleccionar]
document.querySelector(".categories").addEventListener("change", handleChangeCategory, true);

function handleChangeCategory() {
var selected = document.querySelector(".categories").value;
var request = new XmlHttpRequest();
// PHP
request.open("GET", "/ruta/al/script.php?"+selected, true);
// Java - Servlet
request.open("GET", "/TuServlet?"+selected, true);
// Java - REST
request.open("GET", "http://localhost:8080/api/products/"+selected, true);
request.onreadystatechange = function() {
if(request.readyState === 4 && request.status === 200) {
// renderizas los productos
                                             render(request.responseText); // JSON
}
}
request.send();
}


aqui quede en 0  :o
NI TU NI NADIEN PORDRAN CONMIGO SOY MAS FUERTE QUE LA ENVIDIA.

ESTO ESTA DEDICADO A LOS QUE ME JODEN LA VIDA

Usuario Invitado

#5
6 Abril 2015, 22:01 PM
Le asiga un EventListener al select para que escuche por evento "change" (cambio) y ejecute la función handleChangeCategory. Ésta función obtiene el valor seleccionado del select y lo envía mediante AJAX a tu script PHP. Se supone que script.php utiliza un servicio (clase que consulta a la BBDD) y devuelve los resultados en formato de JSON (puede haber otras alternativas, no domino mucho PHP, así que no podría decirte las distintas alternativas que tienes), que serían los productos con la categoría seleccionada.

las líneas bajo los comentarios "Java - Servlet" y "Java - REST", ignóralos, los puse porque como no sabía en qué lenguaje estaba tu Shop Cart, puse para ambos lenguajes, PHP y Java.


Un saludo.
"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein

::: Devil :::

#6
6 Abril 2015, 22:23 PM
asi no funciona mi pana :-D
NI TU NI NADIEN PORDRAN CONMIGO SOY MAS FUERTE QUE LA ENVIDIA.

ESTO ESTA DEDICADO A LOS QUE ME JODEN LA VIDA
Imprimir
Ir Arriba Páginas1
Acciones del Usuario