Pasar valores de forulario sin Submit!

Nemutagk · #31 (**permalink**) 02/02/2012, 06:31

amigo, la verdad no se que estas haciendo, eh probado el código y funciona de las dos formas, en ambas detecta el onchage del select y también envía el valor correcto del option seleccionado y obtiene la respuesta de php según el valor del select...

Estar adivinando es estar perdiendo tiempo, poste el código de ambos archivos tal como lo tienes ahorita y publícalo por completo no a pedazos

NnikoO · #32 (**permalink**) 02/02/2012, 06:37

tintos.php:

Código PHP:

Ver original<?php
ob_start("ob_gzhandler");
 
session_start();
$_SESSION["autorizado"];
if ($_SESSION["validar"] != "autorizado")
    {
        //$comprar = "";
        $carrito = "<!--";
        $carrito02 = "-->";
    }   
else
    {
        //$comprar = "<a href='#'>Comprar</a>";
        $carrito = "";
        $carrito02 = "";
    }
 
$vinostintos = "Vinos Tintos";
include("config.php");
$link = mysql_connect($servidor, $usuario, $pass) or die(mysql_error());        
$bd = mysql_select_db($basedato, $link) or die(mysql_error());  
 
if(isset($_SESSION['carro'])) 
$carro = $_SESSION['carro']; else $carro = false; 
 
$sql = "    SELECT * 
            FROM productos 
            WHERE categoria LIKE '%$vinostintos%'
            ORDER BY idProducto DESC";
$resultado = mysql_query($sql, $link) or die(mysql_error());        
 
?><head>
<script type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('#ordencepa').change(function() {
         $.ajax({
              type:'get',
              url:'tintos_ordencepa.php',
              data:'ordencepa=' + $('#ordencepa  option:selected').val(),
              cache:false,
              success: function(datos) {
                   $("#vistaproductos").html(datos);
              }
         });
  });
  
  $('#ordenbodega').change(function() {
         $.ajax({
              type:'get',
              url:'tintos_ordenbodega.php',
              data:'ordenbodega=' + $('#ordenbodega  option:selected').val(),
              cache:false,
              success: function(datos) {
                   $("#vistaproductos").html(datos);
              }
         });
  });
  
  $('#ordenprecio').change(function() {
         $.ajax({
              type:'get',
              url:'tintos_ordenprecio.php',
              data:'ordenprecio=' + $('#ordenprecio  option:selected').val(),
              cache:false,
              success: function(datos) {
                   $("#vistaproductos").html(datos);
              }
         });
  });
});
</script>
</head>
 
 
 
 
 
<div class="contenedor_filtro">
<form action="" method="get" name="ordenarporcepa">
  <label for="select" class="label_filtros">Ordenar por:</label>
  Cepa:
    <select name="ordencepa" id="ordencepa">
    <?php
        $con = mysql_query("SELECT DISTINCT cepa FROM productos WHERE categoria LIKE '%$vinostintos%' ORDER BY cepa ASC");
        while ($row = mysql_fetch_array($con)) {
        $cep = $row['cepa'];
    ?> 
    <option value="<?php $cep; ?>"><?php echo $cep; ?></option>
    <?php
        }
    ?>
</select>
</form>
 
 
<form name="ordenarbodega" action="get">
 Bodega: 
 <select name="ordenbodega" id="ordenbodega">
    <?php
        $con2 = mysql_query("SELECT DISTINCT bodega FROM productos WHERE categoria LIKE '%$vinostintos%' ORDER BY bodega ASC");
        while ($row2 = mysql_fetch_array($con2)) {
        $bod = $row2['bodega'];
    ?>
   <option value="<?php $bod; ?>"><?php echo $bod; ?></option>ç
   <?php
        }
    ?>
 </select>
 </form>
 
 <form name="ordenarprecio" action="" method="get">
 Precio: 
 <select name="ordenprecio" id="ordenprecio">
   <option value="">Todos</option>
   <option value="">$20 a $40</option>
   <option value="">$40 a $80</option>
   <option value="">$80 a $100</option>
   <option value="">mas de $100</option>
 </select>
 </form>
 EN CONSTRUCCION!!!
</div>
 
<?php echo $carrito; ?><a href="vercarrito.php?<?php echo SID ?>" title="Ver contenido del carro" class="shoppingBtn">Carro de Compras</a><?php echo $carrito02; ?>
 
 
<div id="vistaproductos">
<table width="760" border="0" cellpadding="5">
    <?php
    $i = 0;
    if($resultado)
        {
            while($r = mysql_fetch_array($resultado))
                {
                    if($i%2 == 0) echo '<tr>';
    ?>
    <td valign="top">
        <div class="contenedor_productos">
            <div class="contenedor_miniatura">
                <a href="#?w=700?id=<?php echo $r['idProducto']; ?>" rel="desc_vinos_<?php echo $r['idProducto']; ?>" class="poplight">
                    <img src="galeriamini/<?php echo $r['fotomini'];?>" width="100" height="100" alt="<?php echo $r['nombre']  ;?>" title="Click para ampliar" />
                </a>
                <p class="precio"><b>Precio:</b> <span>$<?php echo $r['precio'] ;?></span></p>
                <?php 
                echo $carrito;
                if(!$carro || !isset($carro[md5($r['idProducto'])]['identificador']) || $carro[md5($r['idProducto'])]['identificador']!=md5($r['idProducto'])){ ?>
                <p><a href="agregacar.php?<?php echo SID ?>&id=<?php echo $r['idProducto']; ?>">Comprar</a></p>
                <?php }
                        else
                        {
                      echo "<p id='precio'><span>Producto<br /> seleccionado</span></p>";
                        }
                            echo $carrito02;
                ?>
            </div>
            <div id="desc_vinos_<?php echo $r['idProducto']; ?>" class="popup_block">
                <h1><?php echo $r['nombre']  ;?></h1>
                <img src="galeria/<?php echo $r['foto'];?>" width="345" height="340" alt="<?php echo $r['nombre']  ;?>" />
                <h2><?php echo $r['bodega'] ;?></h2>
                <p><?php echo $r['descripcion'];?></p>                                          
            </div>                              
            <div class="desc_breve">
                <p><span><?php echo $r['nombre'] ;?></span><br /><br />Bodega <span><?php echo $r['bodega'] ;?></span>.<br /><? echo $r['breve'] ;?></p>
            </div>
        </div>
        </td>
    <?php
    if($i%2 == 1) echo '</tr>';
    $i++;
    }
    if($i%2 == 1) echo '</tr>'; //Por si se queda un número impar de productos.
    }
    ?>   
</table>
<?php 
ob_end_flush(); 
?>
</div>

NnikoO · #33 (**permalink**) 02/02/2012, 06:37

tintos_ordencepa.php:

Código PHP:

Ver original<?php
ob_start("ob_gzhandler");
 
session_start();
$_SESSION["autorizado"];
if ($_SESSION["validar"] != "autorizado")
    {
        //$comprar = "";
        $carrito = "<!--";
        $carrito02 = "-->";
    }   
else
    {
        //$comprar = "<a href='#'>Comprar</a>";
        $carrito = "";
        $carrito02 = "";
    }
 
 
 
$cepaseleccionada = $_GET['ordencepa'];
 
include("config.php");
$link = mysql_connect($servidor, $usuario, $pass) or die(mysql_error());        
$bd = mysql_select_db($basedato, $link) or die(mysql_error());  
 
if(isset($_SESSION['carro'])) 
$carro = $_SESSION['carro']; else $carro = false; 
 
$sql = "    SELECT * 
            FROM productos 
            WHERE cepa LIKE '%$cepaseleccionada%' AND categoria = 'Vinos Tintos'
            ORDER BY idProducto DESC";
$resultado = mysql_query($sql, $link) or die(mysql_error());        
 
?>
 
 
<?php /*
<div class="contenedor_filtro">
<form name="ordenarcepa" action="tintos_ordencepa.php">
  <label for="select" class="label_filtros">Ordenar por:</label>
  Cepa:
<select name="ordencepa" id="orden" onchange="document.ordenarcepa.submit();">
    <?php
        $con = mysql_query("SELECT DISTINCT cepa FROM productos WHERE categoria LIKE '%$vinostintos%' ORDER BY cepa ASC");
        while ($row = mysql_fetch_array($con)) {
        $cep = $row['cepa'];
    ?> 
    <option value="<?php $cep; ?>" ><?php echo $cep; ?></option>
    <?php
        }
    ?>
</select>
</form>
 
 
<form name="ordenarbodega" action="">
 Bodega: 
 <select name="ordenbodega" id="orden" onchange="document.ordenarbodega.submit();">
    <?php
        $con2 = mysql_query("SELECT DISTINCT bodega FROM productos WHERE categoria LIKE '%$vinostintos%' ORDER BY bodega ASC");
        while ($row2 = mysql_fetch_array($con2)) {
        $bod = $row2['bodega'];
    ?>
   <option value="<?php $bod; ?>"><?php echo $bod; ?></option>ç
   <?php
        }
    ?>
 </select>
 </form>
 
 <form name="ordenarprecio" action="tintos.php">
 Precio: 
 <select name="ordenprecio" id="orden" onchange="document.ordenarprecio.submit();">
   <option value="">Todos</option>
   <option value="">$20 a $40</option>
   <option value="">$40 a $80</option>
   <option value="">$80 a $100</option>
   <option value="">mas de $100</option>
 </select>
 </form>
 EN CONSTRUCCION!
</div>
*/?>
 
<?php echo $carrito; ?><a href="vercarrito.php?<?php echo SID ?>" title="Ver contenido del carro" class="shoppingBtn">Carro de Compras</a><?php echo $carrito02; ?>
<table width="760" border="0" cellpadding="5">
    <?php
    echo $cepaseleccionada;
    $i = 0;
    if($resultado)
        {
            while($r = mysql_fetch_array($resultado))
                {
                    if($i%2 == 0) echo '<tr>';
    ?>
    <td valign="top">
        <div class="contenedor_productos">
            <div class="contenedor_miniatura">
                <a href="#?w=700?id=<?php echo $r['idProducto']; ?>" rel="desc_vinos_<?php echo $r['idProducto']; ?>" class="poplight">
                    <img src="galeriamini/<?php echo $r['fotomini'];?>" width="100" height="100" alt="<?php echo $r['nombre']  ;?>" title="Click para ampliar" />
                </a>
                <p class="precio"><b>Precio:</b> <span>$<?php echo $r['precio'] ;?></span></p>
                <?php 
                echo $carrito;
                if(!$carro || !isset($carro[md5($r['idProducto'])]['identificador']) || $carro[md5($r['idProducto'])]['identificador']!=md5($r['idProducto'])){ ?>
                <p><a href="agregacar.php?<?php echo SID ?>&id=<?php echo $r['idProducto']; ?>">Comprar</a></p>
                <?php }
                        else
                        {
                      echo "<p id='precio'><span>Producto<br /> seleccionado</span></p>";
                        }
                            echo $carrito02;
                ?>
            </div>
            <div id="desc_vinos_<?php echo $r['idProducto']; ?>" class="popup_block">
                <h1><?php echo $r['nombre']  ;?></h1>
                <img src="galeria/<?php echo $r['foto'];?>" width="345" height="340" alt="<?php echo $r['nombre']  ;?>" />
                <h2><?php echo $r['bodega'] ;?></h2>
                <p><?php echo $r['descripcion'];?></p>                                          
            </div>                              
            <div class="desc_breve">
                <p><span><?php echo $r['nombre'] ;?></span><br /><br />Bodega <span><?php echo $r['bodega'] ;?></span>.<br /><? echo $r['breve'] ;?></p>
            </div>
        </div>
        </td>
    <?php
    if($i%2 == 1) echo '</tr>';
    $i++;
    }
    if($i%2 == 1) echo '</tr>'; //Por si se queda un número impar de productos.
    }
    ?>   
</table>
<?php 
ob_end_flush(); 
?>

Nemutagk · #34 (**permalink**) 02/02/2012, 06:52

Bueno, a primera vista solo veo un error, en el archivo tintos.php no estas cargando la librería de jquery, pero solo eso, ahora, en que estas probando tu código? hay posibilidad de probarlo en firefox con la extensión firebug? si ya lo tienes instalado (ambos) has una petición desde firefox, y usando firebug verifica la petición que hace jquery, checa la imagen que adjunto...

Edito: por si las dudas te paso el código que utilizo, pruebalo y checa si te funciona...
prueba.php

Código HTML:

Ver original<html>
    <head>
        <title>Prueba</title>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#orden').change(function() {
                    var orden = $('#orden option:selected').val();
                    $.ajax({
                        type:'get',
                        url:'pruebaa.php',
                        data:{ordencepa: orden},
                        cache:false,
                        success: function(datos) {
                            $("#php").html(datos);
                        }
                    });
//                    $('#valores').val("el valor es: " + $('#orden  option:selected').val());
                });
            });
        </script>
    </head>
    <body>
        <div id="php"></div>
        <form id="miform" method="post" action="">
            <select id="orden">
                <option>Selecciona una opci&oacute;n</option>
                <option value="uno">1</option>
                <option value="dos">2</option>
                <option value="tres">3</option>
                <option value="cuatro">4</option>
                <option value="cinco">5</option>
                <option value="seis">6</option>
            </select>
            <p>Valor del select: <input type="text" id="valores" /></p>
        </form>
    </body>
</html>

pruebaa.php

Código PHP:

Ver original<?php
echo '<pre>';
var_dump($_GET['ordencepa']);
echo '</pre>';

NnikoO · #35 (**permalink**) 02/02/2012, 06:59

No hago la llamada porque la pagina tintos se carga con un include desde productos, que ahi esta cargando el jquery. Y el codigo lo pruebo en apache, aunque ahora estoy trabajando ya con la pagina cargada en el servidor final. Ahora veo lo del firebug.

Nemutagk · #36 (**permalink**) 02/02/2012, 07:00

entonces facilita el link para probar y ver que esta ocurriendo...

NnikoO · #37 (**permalink**) 02/02/2012, 07:02

http://varietalexpress.com.ar/

Nemutagk · #38 (**permalink**) 02/02/2012, 07:05

A ver amigo, ya te diste cuenta que tu PHP es el que no esta dando valores a los option de tu select?, verifica tu código, al final PHP arroja el código de la siguiente manera!!!

Código HTML:

Ver original<select name="ordencepa" id="ordencepa">
     
    <option value="">Blend</option>
     
    <option value="">Bonarda</option>
 
     
    <option value="">Cabernet Sauvignon</option>
     
    <option value="">Malbec</option>
     
    <option value="">Malbec/Cabernet</option>
     
    <option value="">Malbec/Merlot</option>
     
    <option value="">Syrah</option>
    </select>

Por eso JQuery no pasa el valor porque no lo tiene!!!

NnikoO · #39 (**permalink**) 02/02/2012, 07:07

si, acabo de darme cuenta, le puse un echo al value para que funcionara, que error estupido, tanto renegar al pedo. Fijate que ahora anda.

Nemutagk · #40 (**permalink**) 02/02/2012, 07:09

bueno ya funciona, al final deje de fijarme en el PHP y me concentraba en el javascript...

NnikoO · #41 (**permalink**) 02/02/2012, 07:10

yo tambien, que imbecil jajaja..pero bueno, un millon de gracias por la ayuda y bancarme! de todas formas me sirvio ver todo el codigo de java.

chalchis · #42 (**permalink**) 02/02/2012, 10:43

la verdad yo entiendo que deseas cargar en el div lo que seleccionaste del combo pero a la vez quieres hacer un submit usando ajax con jquery a otra pagina es correcto?

lo que te plantean arriba el amigo Nemutagk
es lo correcto

aqui un ejemplo de envio asincrono con jquery

http://www.jensbits.com/2009/10/04/j...ples-with-php/

NnikoO · #43 (**permalink**) 02/02/2012, 14:08

si chalchis, lo que hice funciono de maravillas, pero, ahora tengo otro problema. en la primer categoria, el select y el filtrado anda de maravillas, pero cuando paso a vinos blancos por ejemplo, deja de funcionar. No se si sera por como dispuso la pagina el diseñador, cargando todo desde includes. Pero no le encuentro la vuelta.