Tema: Una ayudita plis
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/03/2010, 06:00
zackpaco
 
Fecha de Ingreso: marzo-2010
Mensajes: 3
Antigüedad: 14 años, 1 mes
Puntos: 0
Una ayudita plis
A ver, estoy haciendo una página con php, y el problema es con el carrito de la compra, se que la respuesta puede estar por el foro, pero os prometo que llevo 4 dias buscando y no lo encuentro.
Hice la pagina siguiento algun tutorial que encontre, utilizando una libreria, mejor, os pongo aqui los archivos que hice:

En primer lugar, una serie de páginas, con los productos, tal como:

Código PHP: 
Ver original
  1. <a href="mete_producto.php?id=162586&codigo=162586&nombre=Mascara_de_pestanas_SuperExtend_Black&precio=6.95"><img src="images/carrito.jpg" width="30" height="30"></a>

lib_carrito.php

Código PHP: 
Ver original
  1. <? 
  2. session_start();
  3. ?> 
  4. <html> 
  5. <head> 
  6.     <title>Avon online</title> 
  7. </head> 
  8.  
  9. <body>
  10. <? 
  11. if (!isset($_SESSION["ocarrito"])){ 
  12.     $_SESSION["ocarrito"] = new carrito(); 
  13. }
  14. class carrito {
  15. var $num_productos; 
  16. var $array_id_prod;
  17. var $array_codigo_prod; 
  18. var $array_nombre_prod; 
  19. var $array_precio_prod; 
  20. function carrito () { 
  21.     $this->num_productos=0; 
  22. } 
  23. function introduce_producto($id_prod,$codigo_prod,$nombre_prod,$precio_prod){ 
  24.     $this->array_id_prod[$this->num_productos]=$id_prod; 
  25.     $this->array_codigo_prod[$this->num_productos]=$codigo_prod;
  26.     $this->array_nombre_prod[$this->num_productos]=$nombre_prod; 
  27.     $this->array_precio_prod[$this->num_productos]=$precio_prod; 
  28.     $this->num_productos++; 
  29. } 
  30. function elimina_producto($linea){ 
  31.     $this->array_id_prod[$linea]=0; 
  32. } 
  33. function imprime_carrito(){ 
  34.     $suma = 0; 
  35.     echo '<table border=1 cellpadding="3"> 
  36.     <tr> 
  37.     <td><b>Codigo</b></td>
  38.     <td><b>Nombre producto</b></td> 
  39.     <td><b>Precio</b></td> 
  40.     <td> </td> 
  41.     </tr>'; 
  42.     for ($i=0;$i<$this->num_productos;$i++){ 
  43.        if($this->array_id_prod[$i]!=0){ 
  44.           echo '<tr>'; 
  45.           echo "<td>" . $this->array_codigo_prod[$i] . "</td>";
  46.           echo "<td>" . $this->array_nombre_prod[$i] . "</td>"; 
  47.           echo "<td>" . $this->array_precio_prod[$i] . "</td>"; 
  48.           echo "<td><a href='eliminar_producto.php?linea=$i'>Eliminar producto</td>"; 
  49.           echo '</tr>'; 
  50.           $suma += $this->array_precio_prod[$i]; 
  51.        } 
  52.     } 
  53.     //muestro el total 
  54.     echo "<tr><td><b>TOTAL:</b></td><td> <b>$suma</b></td><td> </td></tr>"; 
  55. } 
  56. } 
  57. ?>
  58. </body>

El archivo mete_producto.php

Código PHP: 
Ver original
  1. <? 
  2. include("lib_carrito.php"); 
  3. session_start();
  4. $_SESSION["ocarrito"]->introduce_producto($_GET["id"], $_GET["codigo"], $_GET["nombre"], $_GET["precio"]); 
  5. ?> 
  6. <html> 
  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8. <title>Avon online</title>
  9. <style type="text/css">
  10. <!--
  11. #banner_graphic {
  12.     position:absolute;
  13.     left:20px;
  14.     top:20px;
  15.     width:700px;
  16.     height:92px;
  17.     z-index:1;
  18. }
  19. #body_main_heder {
  20.     position:absolute;
  21.     left:20px;
  22.     top:112px;
  23.     width:700px;
  24.     height:25px;
  25.     z-index:2;
  26. }
  27. #Layer1 {
  28.     position:absolute;
  29.     left:20px;
  30.     top:137px;
  31.     width:150px;
  32.     height:25px;
  33.     z-index:3;
  34. }
  35. #Layer2 {
  36.     position:absolute;
  37.     left:20px;
  38.     top:187px;
  39.     width:150px;
  40.     height:25px;
  41.     z-index:4;
  42. }
  43. #Layer3 {
  44.     position:absolute;
  45.     left:20px;
  46.     top:237px;
  47.     width:150px;
  48.     height:25px;
  49.     z-index:5;
  50. }
  51. #Layer4 {
  52.     position:absolute;
  53.     left:20px;
  54.     top:287px;
  55.     width:150px;
  56.     height:25px;
  57.     z-index:6;
  58. }
  59. #Layer5 {
  60.     position:absolute;
  61.     left:20px;
  62.     top:337px;
  63.     width:150px;
  64.     height:25px;
  65.     z-index:7;
  66. }
  67. #Layer6 {
  68.     position:absolute;
  69.     left:20px;
  70.     top:387px;
  71.     width:150px;
  72.     height:25px;
  73.     z-index:8;
  74. }
  75. #Layer7 {
  76.     position:absolute;
  77.     left:20px;
  78.     top:437px;
  79.     width:150px;
  80.     height:25px;
  81.     z-index:9;
  82. }
  83. #Layer38 {
  84.     position:absolute;
  85.     left:20px;
  86.     top:162px;
  87.     width:150px;
  88.     height:25px;
  89.     z-index:37;
  90.     background-color: #E06D68;
  91. }
  92. #Layer39 {
  93.     position:absolute;
  94.     left:20px;
  95.     top:212px;
  96.     width:150px;
  97.     height:25px;
  98.     z-index:38;
  99.     background-color: #E06D68;
  100. }
  101. #Layer40 {
  102.     position:absolute;
  103.     left:20px;
  104.     top:262px;
  105.     width:150px;
  106.     height:25px;
  107.     z-index:39;
  108.     background-color: #E06D68;
  109. }
  110. #Layer41 {
  111.     position:absolute;
  112.     left:20px;
  113.     top:312px;
  114.     width:150px;
  115.     height:25px;
  116.     z-index:40;
  117.     background-color: #E06D68;
  118. }
  119. #Layer42 {
  120.     position:absolute;
  121.     left:20px;
  122.     top:362px;
  123.     width:150px;
  124.     height:25px;
  125.     z-index:41;
  126.     background-color: #E06D68;
  127. }
  128. #Layer43 {
  129.     position:absolute;
  130.     left:20px;
  131.     top:412px;
  132.     width:150px;
  133.     height:25px;
  134.     z-index:42;
  135.     background-color: #E06D68;
  136. }
  137. #Layer44 {
  138.     position:absolute;
  139.     left:20px;
  140.     top:462px;
  141.     width:150px;
  142.     height:38px;
  143.     z-index:43;
  144.     background-color: #E06D68;
  145. }
  146. body {
  147.     background-color: #E88F8B;
  148. }
  149. #Layer8 {
  150.     position:absolute;
  151.     left:155px;
  152.     top:184px;
  153.     width:400px;
  154.     height:48px;
  155.     z-index:44;
  156. }
  157. #Layer16 {
  158.     position:absolute;
  159.     left:670px;
  160.     top:137px;
  161.     width:50px;
  162.     height:263px;
  163.     z-index:16;
  164.     background-color: #E06D68;
  165. }
  166.  
  167. -->
  168. </style>
  169. <link href="estilo.css" rel="stylesheet" type="text/css">
  170. <style type="text/css">
  171. <!--
  172. #Layer9 {
  173.     position:absolute;
  174.     left:220px;
  175.     top:120px;
  176.     width:120px;
  177.     height:40px;
  178.     z-index:45;
  179. }
  180. #Layer10 {
  181.     position:absolute;
  182.     left:350px;
  183.     top:120px;
  184.     width:109px;
  185.     height:35px;
  186.     z-index:46;
  187. }
  188. #Layer11 {
  189.     position:absolute;
  190.     left:670px;
  191.     top:400px;
  192.     width:50px;
  193.     height:100px;
  194.     z-index:47;
  195.     background-color: #E06D68;
  196. }
  197. #Layer12 {
  198.     position:absolute;
  199.     left:20px;
  200.     top:500px;
  201.     width:700px;
  202.     height:25px;
  203.     z-index:48;
  204. }
  205. -->
  206. </style>
  207. </head>
  208. <body> 
  209. <div id="banner_graphic"><img src="images/banner_graphic.jpg" width="700" height="92"></div>
  210. <div class="precionormal" id="Layer8">Producto introducido</div>
  211. <div id="Layer9"><a href="index1.php">Seguir comprando</a></div>
  212. <div id="Layer10"><a href="ver_carrito.php">Ver carrito</a> </div>
  213.  
  214. </body> 
  215. </html>

El archivo eliminar_producto.php

Código PHP: 
Ver original
  1. <? 
  2. include("lib_carrito.php"); 
  3. session_start();
  4. $_SESSION["ocarrito"]->elimina_producto($_GET["linea"]); 
  5. ?> 
  6. <html> 
  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8. <title>Avon online</title>
  9. <style type="text/css">
  10. <!--
  11. #banner_graphic {
  12.     position:absolute;
  13.     left:20px;
  14.     top:20px;
  15.     width:700px;
  16.     height:92px;
  17.     z-index:1;
  18. }
  19. #body_main_heder {
  20.     position:absolute;
  21.     left:20px;
  22.     top:112px;
  23.     width:700px;
  24.     height:25px;
  25.     z-index:2;
  26. }
  27. #Layer1 {
  28.     position:absolute;
  29.     left:20px;
  30.     top:137px;
  31.     width:150px;
  32.     height:25px;
  33.     z-index:3;
  34. }
  35. #Layer2 {
  36.     position:absolute;
  37.     left:20px;
  38.     top:187px;
  39.     width:150px;
  40.     height:25px;
  41.     z-index:4;
  42. }
  43. #Layer3 {
  44.     position:absolute;
  45.     left:20px;
  46.     top:237px;
  47.     width:150px;
  48.     height:25px;
  49.     z-index:5;
  50. }
  51. #Layer4 {
  52.     position:absolute;
  53.     left:20px;
  54.     top:287px;
  55.     width:150px;
  56.     height:25px;
  57.     z-index:6;
  58. }
  59. #Layer5 {
  60.     position:absolute;
  61.     left:20px;
  62.     top:337px;
  63.     width:150px;
  64.     height:25px;
  65.     z-index:7;
  66. }
  67. #Layer6 {
  68.     position:absolute;
  69.     left:20px;
  70.     top:387px;
  71.     width:150px;
  72.     height:25px;
  73.     z-index:8;
  74. }
  75. #Layer7 {
  76.     position:absolute;
  77.     left:20px;
  78.     top:437px;
  79.     width:150px;
  80.     height:25px;
  81.     z-index:9;
  82. }
  83. #Layer38 {
  84.     position:absolute;
  85.     left:20px;
  86.     top:162px;
  87.     width:150px;
  88.     height:25px;
  89.     z-index:37;
  90.     background-color: #E06D68;
  91. }
  92. #Layer39 {
  93.     position:absolute;
  94.     left:20px;
  95.     top:212px;
  96.     width:150px;
  97.     height:25px;
  98.     z-index:38;
  99.     background-color: #E06D68;
  100. }
  101. #Layer40 {
  102.     position:absolute;
  103.     left:20px;
  104.     top:262px;
  105.     width:150px;
  106.     height:25px;
  107.     z-index:39;
  108.     background-color: #E06D68;
  109. }
  110. #Layer41 {
  111.     position:absolute;
  112.     left:20px;
  113.     top:312px;
  114.     width:150px;
  115.     height:25px;
  116.     z-index:40;
  117.     background-color: #E06D68;
  118. }
  119. #Layer42 {
  120.     position:absolute;
  121.     left:20px;
  122.     top:362px;
  123.     width:150px;
  124.     height:25px;
  125.     z-index:41;
  126.     background-color: #E06D68;
  127. }
  128. #Layer43 {
  129.     position:absolute;
  130.     left:20px;
  131.     top:412px;
  132.     width:150px;
  133.     height:25px;
  134.     z-index:42;
  135.     background-color: #E06D68;
  136. }
  137. #Layer44 {
  138.     position:absolute;
  139.     left:20px;
  140.     top:462px;
  141.     width:150px;
  142.     height:38px;
  143.     z-index:43;
  144.     background-color: #E06D68;
  145. }
  146. body {
  147.     background-color: #E88F8B;
  148. }
  149. #Layer8 {
  150.     position:absolute;
  151.     left:155px;
  152.     top:184px;
  153.     width:400px;
  154.     height:48px;
  155.     z-index:44;
  156. }
  157. #Layer16 {
  158.     position:absolute;
  159.     left:670px;
  160.     top:137px;
  161.     width:50px;
  162.     height:263px;
  163.     z-index:16;
  164.     background-color: #E06D68;
  165. }
  166.  
  167. -->
  168. </style>
  169. <link href="estilo.css" rel="stylesheet" type="text/css">
  170. <style type="text/css">
  171. <!--
  172. #Layer9 {
  173.     position:absolute;
  174.     left:220px;
  175.     top:120px;
  176.     width:120px;
  177.     height:40px;
  178.     z-index:45;
  179. }
  180. #Layer10 {
  181.     position:absolute;
  182.     left:350px;
  183.     top:120px;
  184.     width:96px;
  185.     height:36px;
  186.     z-index:46;
  187. }
  188. #Layer11 {
  189.     position:absolute;
  190.     left:670px;
  191.     top:400px;
  192.     width:50px;
  193.     height:100px;
  194.     z-index:47;
  195.     background-color: #E06D68;
  196. }
  197. #Layer12 {
  198.     position:absolute;
  199.     left:20px;
  200.     top:500px;
  201.     width:700px;
  202.     height:25px;
  203.     z-index:48;
  204. }
  205. -->
  206. </style>
  207. </head>
  208. <body> 
  209. <div id="banner_graphic"><img src="images/banner_graphic.jpg" width="700" height="92"></div>
  210. <div class="precionormal" id="Layer8">Producto eliminado</div>
  211. <div id="Layer9"><a href="index1.php">Seguir comprando</a></div>
  212. <div id="Layer10"><a href="ver_carrito.php">Ver carrito</a> </div>
  213.  
  214. </body> 
  215. </html>
Última edición por zackpaco; 19/03/2010 a las 08:21