Añadir a carro de compra mediante php con javascript

[andres18281]

Buenas a todos...

Intento capturar desde un carrito de compra mediante el boton añadir al carrito el ID de el producto mediante javascript y la cantidad pero hasta el momento no lo he logrado..
Les pido colaboracion a ustedes expertos..

Lo publique en el foro de javascript pues la duda es solo de javascript pues en php me ha funcionado bien.
Agradeciendoles..

Código PHP:

?>
 
</div>
 
 
<div id="menuderecho">
<?php
 
  $product = $consulta->consulta_visualizar_productos();
 
  for($l = 0;$l < count($product);$l++){
 
    $cod = $product[$l]['codigo'];
    echo '<script type="text/javascript"> var codigo[$l] = '.$cod.'</script>';
    $nomb = $product[$l]['nombre'];
    $cost = $product[$l]['costo'];
    $imag = $product[$l]['imagen'];
    $prov = $product[$l]['proveedor'];
    $cant[$l] = $product[$l]['cantidad']; 
    echo "<div class='cuadro'>".'<br>';
    echo '<IMG SRC="'.$imag.'" WIDTH=200 HEIGHT=200 BORDER=0 ALT="producto">';
    echo '<br> Codigo : '.$cod;
    echo '<br> Nombre : '.$nomb;
    echo '<br> Costo : '.$cost;
    echo '<br> Proveedor : '.$prov;
    echo '<br> Cantidad : '.$cant;
    echo '<input class="input_number" type="number" name="txt_cantidad'.$l.'" id="txt_cantidad'.$l.'" style="WIDTH: 50px">';
    echo '<input type="submit" name="btn_ver'.$l.'" value="Ver mas" id="btn_ver'.$l.'" onClick = "agregar(this.id)">';
    echo '<input type="submit" name="btn_agregar'.$l.'" value="A&ntilde;adir al Carro" id="btn_agregar'.$l.'" onClick = "agregar(this.id)">';
 
    echo '</div>'; }
  
?>
[HIGHLIGHT="Javascript"]    <script type ="text/javascript">
     function agregar(elemento){
        var select =  elemento.substr(-1);
        var cant = document.getElementById('txt_cantidad+select').text;
        //if(cant >= 1){
        // var mostrar = "codigo = " + this.codigo[select] + "/n" + "cantidad = "  document.getElementById('txt_cantidad+select');
          alert(this.codigo[select]);   
         //    console.log(this.codigo[select]);     
        //}
      }
  </script>
 

</div>
</body>
</html>

if(isset($_POST['btn_subir'])){
$direc = '<script type="text/javascript"> var x = document.write(Nombre_categoria());</script>';
echo $direc;
}

[/HIGHLIGHT]

[IsaBelM]

si nos dejas el html generado todo será más sencillo

[andres18281]

Iniciado por IsaBelM

si nos dejas el html generado todo será más sencillo

No comprendi lo del html generado, solo dejo una imagen como se visualiza

http://www.subirimagenes.com/imagen-...a-9126281.html

[andres18281]

No se si es la mejor manera para desarrollar estos tipos de paginas, por el momento me interesa lograr capturar
el codigo de un producto.

El parametro que recibe la funcion agregar es un onClick = "agregar(this.value)" dentro de un boton que como esta dentro de un for se enumera haciendo que el id del boton sea
btn_agregar1
btn_agregar2
btn_agregar3

lo que hago es que dentro de la funcion de javascript var select = elemento.substr(-1); tome el ultimo
valor de la cadena de texto y asi acceder a la posicion del array que esta el producto y llamarlo por eso utilizo
this.codigo[select] donde select es la extraccion del ultimo valor.

pero esto no me funciona, por favor su colaboracion

Código Javascript:

<script type ="text/javascript">
     function agregar(elemento){
        var select =  elemento.substr(-1);
        document.getElementById('txt_cantidad+select');
          
          alert(this.codigo[select]);   
 
      }
  </script>
 

[IsaBelM]

el html generado es; una vez ejecutada la página, el código fuente. te digo esto por que no todo el mundo conoce el lenguaje php.

sin pararme mucho

function agregar(elemento){
var select = elemento.substr(-1);
document.getElementById('txt_cantidad'+select);

alert(codigo[select]);

}

[andres18281]

Iniciado por IsaBelM

el html generado es; una vez ejecutada la página, el código fuente. te digo esto por que no todo el mundo conoce el lenguaje php.

sin pararme mucho

Pues la parte que me interesa es esa, a demas solo tiene eso, solo hace falta las etiquetas <html> y el <body> principales....

[IsaBelM]

te has fijado en los cambios que realicé??