Mostrar opciones de un dato haciendo click?

[javirk]

Hola,
como no sé (más bien estoy seguro) si me he explicado bien en el título, expongo aquí mi duda:
Tengo una web, con un combobox, entonces yo cuando selecciono algo del combobox me aparece en una columna. Imagínense, en el combo salen marcas de coche, y cuando hago click en una, me salen todos sus modelos en una columna (sin combobox ni nada). Entonces me gustaría saber cómo hacer para que al hacer click en un dato de esa columna me salgan las especificaciones técnicas del modelo en esa misma página. Los datos ya los he metido en la bd y todo.

Lo del en esa misma página es importante.

Se me ocurre hacerlo con un GET o algo así, cambiando la URL de la página:
modelos.php?id=

Un saludo.

[abimaelrc]

Podrías hacer peticiones mediante AJAX para que no recargue la página.

[javirk]

¿Y eso cómo lo hago?

[abimaelrc]

Te recomiendo que si no sabes como trabajar con AJAX, que verifiques tutoriales en internet para que puedas desenvolverte.

[javirk]

Dejo el código PHP:

Código PHP:

  <?php
    include_once("funciones-comunes.php");
    if(!estas_autenticado()){
        echo "No estás registrado, vuelva a la página <a href='index.php'>anterior</a> para hacer login.";
    }else{
    $titulo_pagina = "GTQUÍMICA";
    $descripcion = "GTQUIMICA";
    $keywords = "gtquimica, quimica";
    include(".cabecera.php");
    //include("navegador.php");
?>
                <div id="cuerpo">
                <div id="cuerpoprincipal">
                    <div id="barratitulo">
                        <div id="linea">
                            <img src="images/linea_schindler.gif">
                        </div>
                        <div id="titulo">
                            <h1><?php
                                    if(isset($_POST['select_tipos'])){
                                        echo $_POST['select_tipos'];
                                    }
                                ?>
                        </div>
                    </div>
                    <div id="letra">
                        
                        <div id="tabla_tipos">
                            <div id="form">
                            <?php
                                if(estas_autenticado()){
                            ?>
                                <form action="tipos.php" method="post">
                            <?php tipos("select_tipos"); ?>
                                    <input type="submit" value="Seleccionar">
                                </form>
                            </div>
                            <div id="columnalado">
                                <div id="columna">
                                    <?php
                                        if(!$_POST){
                                            echo "<p>Aquí aparecerán los modelos del fabricante seleccionado, elija uno.</p>";
                                        }else{
                                            if(isset($_POST["select_tipos"])){
                                                $select_modelo = $_POST["select_tipos"];
                                                $sql = sprintf("SELECT * FROM modelos WHERE Fabricante = '%s'", mysql_real_escape_string($select_modelo));
                                                $registros = mysql_query($sql);
                                                
                                                if(!$registros){
                                                    echo "<p class='error'>Error en la Base de Datos, no se pueden listar las tablas.</p>";
                                                }else{
                                                    while ($fila = mysql_fetch_array($registros)){
                                                        ?>
                                                        <p class="tipos"><?php echo $fila["Modelo"]; ?></p>
                                                    
                                                    <?php
                                                    }
                                                    mysql_free_result($registros);
                                                }
                                            }
                                        }
                                        
                                    ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<?php
                                }else{
                                    echo '<p clas="error">No puedes entrar sin estar identificado</p>';
                                }
    }
?>
</body>
</html>  

[javirk]

¿Entonces no hay ninguna forma de hacerlo con PHP?

Pues vaya...

[vgonga1986]

Es sencillo. Mira cómo tienes hecho y cópialo:

- Tienes un formulario que te remite a la misma página en la que estás:

Código PHP:

<form action="tipos.php" method="post">
 

- Con un único select que lo montas aquí:

Código PHP:

<?php tipos("select_tipos"); ?>
 

- Y un submit del formulario:

Código PHP:

<input type="submit" value="Seleccionar">
 

- Luego compruebas que el select haya tomado valor aquí:

Código PHP:

if(!$_POST){
   echo "<p>Aquí aparecerán los modelos del fabricante seleccionado, elija uno.</p>";
}else{
    if(isset($_POST["select_tipos"])){
 

- Y, en caso de que sí tomara valor, imprimes los resultados aquí:

Código PHP:

$select_modelo = $_POST["select_tipos"];
$sql = sprintf("SELECT * FROM modelos WHERE Fabricante = '%s'", mysql_real_escape_string($select_modelo));
$registros = mysql_query($sql);
                                                
if(!$registros){
   echo "<p class='error'>Error en la Base de Datos, no se pueden listar las tablas.</p>";
}else{
   while ($fila = mysql_fetch_array($registros)){
?>
      <p class="tipos"><?php echo $fila["Modelo"]; ?></p>
<?php
    }
   mysql_free_result($registros);
}
 

Qué tienes que hacer? Fácil:
- Tienes que crear un segundo formulario que rodee la zona donde imprimes los modelos.
- En vez de imprimir los datos como estáticos de los modelos de coches, tienes que imprimirlos en forma de combobox.
- Añade un botón de submit a este formulario que te envíe a la misma página.
- Añade una nueva sección al lado de la de los modelos que compruebe si el formulario ha sido enviado.
- En caso de que sí haya sido enviado, rescata el valor enviado, accede a la base de datos y presenta sus datos y características.

Con esta guía no deberías tener problemas, ya que es sólo copiar y pegar de lo que ya has hecho y modificar algunas cosillas.

Un saludo.

[javirk]

Ok, entendido, lo que me falta es saber cómo hacer para imprimir los datos en un combobox, que los otros los he escrito yo mismo.

Por cierto, ya me he cogido un libro de la bilbioteca para aprender AJAX.

Un saludo.

[vgonga1986]

Para escribir el otro combobox utilizas esta función:
<?php tipos("select_tipos"); ?>

No sé lo que tendrá dentro, pero vamos, ahí tienes un ejemplo de cómo hacerlo.

Un saludo.

[javirk]

Eso ya sé, aunque gracias igualmente, me refería a cómo poner las opciones sacándolas de la base de datos, que no sé.

[javirk]

¿Cómo puedo escribir el combobox con los datos de la bd referidos a un fabricante/marca?

[vgonga1986]

Qué es exactamente lo que no sabes? Montar un combobox? Sacar los datos de la base de datos? Parece que tampoco has buscado mucho.

Un saludo.

[javirk]

Sacar los datos de la base de datos que tengo en una columna para ponerlos en el combo

Es decir:
por ejemplo, yo tengo una bd que ponga:

Fabricante | Modelo
porsche | 911
volvo | s40
volvo | s60

Y yo quiero que en un primer combobox me salgan las opciones de la primera columna y que al darle al botón de enviar me salgan en otro combobox las opciones con el modelo a elegir.

Muchas gracias

[vgonga1986]

Ya, eso ya lo sé, lo que te pregunto es qué no sabes hacer del código PHP. Si no sabes hacer nada de nada, te remito a un manual de PHP, porque no puedo explicártelo todo.

Y te repito, ya te dije en otro post, saca el código de <?php tipos("select_tipos"); ?>, que tiene que ser una función que tengas en algún lado, porque ahí monta un combobox y puedes ver cómo lo hace para hacerlo tú similar. Sólo tendrás que cambiar la consulta select que se haga, ya que la que tenga será para consultar marcas y tú ahora quieres consultar modelos, pero lo demás es idéntico.

Un saludo.

[javirk]

Yo en el archivo funciones-comunes.php tengo declarada la función:

Código:

    function tipos($nombre_del_select){
         $array_tipos = array("Elige un tipo", "ferrari", "porsche", "volvo", "citroen");
         $cantidad = count($array_tipos);
         echo '<select name="'.$nombre_del_select.'" id="'.$nombre_del_select.'">';
         for($i = 0; $i < $cantidad; $i++){
            $array_tipos_i = $array_tipos[$i];
            echo '<option value="'.$array_tipos_i.'"'; 
                if (isset($_GET["$nombre_del_select"])) { 
                   if($_GET["$nombre_del_select"]=="$array_tipos_i"){ 
                           echo "selected"; 
                   } 
                } 
            echo '>'.$array_tipos_i.'</option>';
        }
        echo '</select>';
    }

El problema está en esa línea, que en vez de coger los datos de una bd los he escrito yo mismo. Pues lo que quiero es que los coja de una bd. Se me ocurre la siguiente manera:

Código:

$sql = ("select marca from coches")
$registro = mysql_query($sql)

Y después de eso poner la variable $registro en el array, pero solo me dice: Resource id#6.

Entonces ese es el problema, ya sé que sería lo mismo para los modelos.

[vgonga1986]

Buenas, ahora sí te entiendo, ves qué fácil.

mysql_query no devuelve un array, devuelve un resultset de la base de datos, por eso te imprime Resource id#6. Hay que hacer un fetch. Una cosa así:

Código PHP:

$sql "SELECT marca FROM coches";
$registro = mysql_query ($sql, $link);   // En $link tienes que poner el enlace a la base de datos, que lo consigues de mysql_connect().
if ($registro) {   // Conrol de errores, si la consulta tiene algún problema, $registro se pone a false.
   while ($datos = mysql_fetch_array($registro)) {   // fetch rescata el siguiente registro del resultado (la siguiente línea)
      // Aquí tienes en $datos los datos sacados de la base de datos y puedes acceder con los nombres de los campos $datos['nombre_campo'].
      echo "La marca del coche es " . $datos['marca'];
   }
} else {
   echo "Error en la consulta";
}
 

Cono eso te valdrá, un saludo.

[javirk]

Muchas gracias, pero problemas a la vista, sencillos de solucionar para vosotros, imposibles para mí:
He puesto en el código:

Código PHP:

  function tipos($nombre_del_select){
         $sql = ("Select Fabricante from coches");
         $registro = mysql_query($sql); //El link no lo he puesto porque si lo ponía no me salía nada (poniendo lo que yo tenía [$conexion])
         while($datos = mysql_fetch_array($registro)){
            $array_tipos = array("Elige un tipo", $datos['Fabricante']);
            $cantidad = count($array_tipos);
            echo '<select name="'.$nombre_del_select.'" id="'.$nombre_del_select.'">';
            for($i = 0; $i < $cantidad; $i++){
               $array_tipos_i = $array_tipos[$i];
               echo '<option value="'.$array_tipos_i.'"'; 
                   if (isset($_GET["$nombre_del_select"])) { 
                      if($_GET["$nombre_del_select"]=="$array_tipos_i"){ 
                              echo "selected"; 
                      } 
                   } 
               echo '>'.$array_tipos_i.'</option>';
           }
           echo '</select>';
         }
    } 
   

Bueno, pues tras poner esto y peleándome un poco me sale un combobox para cada opción. Salen bien las opciones y en el orden, pero por cada combobox una, (esto me está matando la cabeza).

Y nuevamente gracias por tu disposición, me estás siendo de gran ayuda en todo .

Un saludo

[vgonga1986]

No me has entendido bien, en serio, te recomiendo que te leas un manual y pruebes, porque si no, vas a estar viniendo cada 5 minutos a postear.

En $datos tienes un array con todos los campos de un registro (una línea). Es decir, si tu consulta tiene:

Código:

id | campo1 | campo2 | campo3
------------------------------------
 1 | valor1 | valor2 | valor3
 2 | valor4 | valor5 | valor6

En la primera ejecución del while ($datos = mysql_fetch_array($registro)) tendrás:
$datos['id']=1, $datos['id']=valor1, $datos['id']=valor2, $datos['id']=valor3
Y en la segunda:
$datos['id']=2, $datos['id']=valor4, $datos['id']=valor5, $datos['id']=valor6

Es decir, tienes que sustituir el bucle for que tenías en la función anterior, por el bucle while que recorra todos los resgistros del resultado de la consulta y adaptarlo. Te lo daría hecho, tardo 2 minutos en montarlo, pero así no aprendes nada. Busca un manual, anda.

Un saludo.

[javirk]

Lo he buscado todo por Internet, el índice de FAQs del foro (que ya había leído), el apartado de sistemas de PHP del foro también y muchas páginas de Internet que lo explican, pero no me sale. Estoy empezando a pensar que esto no es para mí.

He puesto:

Código PHP:

      function tipos($nombre_del_select){
         $registro = mysql_query("Select Marca from maniobras", $conexion);
            ?>
            <select name='Fabricante' id='Fabricante'>
            <?
            while($fila=mysql_fetch_array($registro)){
               echo '<option value="'.$fila["Marca"]. '">'.$fila["Marca"] . '</option>';
            }?>
            </select>
            <?php
}   

Muchas gracias.

[vgonga1986]

Mira a ver si tira con esto:

Código PHP:

function tipos($nombre_del_select) {
    $sql = "SELECT Fabricante FROM coches";
    $registro = mysql_query($sql);
    echo '<select name="' . $nombre_del_select . '" id="' .$nombre_del_select. '">';
    while ($datos = mysql_fetch_array($registro)) {
        echo '<option value="' . $datos['Fabricante'] . '"';
        if (isset($_POST["$nombre_del_select"])) { 
            if($_POST["$nombre_del_select"] == $datos['Fabricante']) {
                echo ' selected="selected"';
            } 
        } 
        echo '>' . $datos['Fabricante'] . '</option>';
    }
    echo '</select>';
}
 

Si no, coméntamelo, lo he hecho rápido y no lo puedo probar en casa. Un saludo.

[javirk]

Jo tío, que bueno eres, muchísimas gracias, me funciona a la perfección, ahora toca entenderlo.

Además le he agregado un distinct para hacer que no me salgan repetidos.

Un saludo.

[vgonga1986]

Cierto, no había caído en eso.

Mira, te digo lo que creo que no funcionaba en el tuyo. Esta línea:
$registro = mysql_query("Select Marca from maniobras", $conexion);

El otro día me dijiste que si añadías $conexion te dejaba de funcionar. Yo he puesto esto:
$registro = mysql_query($sql);

Te explico un par de cosas, realmente mysql_query solicita que pases el resource de la base de datos por una razón muy sencilla, no puede saber a qué base de datos (a qué conexión) tiene que realizar dicha consulta. En este caso funciona bien porque sólo tienes una conexión dentro de tu código PHP, pero te encontrarás algunas aplicaciones para las que necesitarás conectar a varias bases de datos. Entonces tu código dejará de funcionar misteriosamente. Por eso, es mejor acostumbrarse a hacerlo bien desde el principio.

Qué es lo que pasa a tu código, por qué cuando añades $conexion deja de funcionar. Sencillo, probablemente $conexion no exista en esa parte del código, recuerda que esto es una función que llamas desde otro sitio. Para que existiera tendrías que pasarla como argumento:

Código PHP:

function tipos($nombre_del_select, $conexion) {
        $sql = "SELECT Fabricante FROM coches";
        $registro = mysql_query($sql, $conexion);
        echo '<select name="' . $nombre_del_select . '" id="' .$nombre_del_select. '">';
        while ($datos = mysql_fetch_array($registro)) {
            echo '<option value="' . $datos['Fabricante'] . '"';
            if (isset($_POST["$nombre_del_select"])) {
                if($_POST["$nombre_del_select"] == $datos['Fabricante']) {
                    echo ' selected="selected"';
                }
            }
            echo '>' . $datos['Fabricante'] . '</option>';
        }
        echo '</select>';
    }
 

Y hacer la llamada así:
<?php tipos("select_tipos", $conexion); ?>

Ya que seguramente en esa página sí que exista la conexión. Clear enough?

Un saludo.

[javirk]

Gracias, entendido.

Entonces, ahora para hacer otro combo de esos, pero que dependa del otro se hace simplemente cambiando la consulta de la bd, no?

[vgonga1986]

Te remito a mi post anterior, en que te lo explicaba paso por paso, no me voy a repetir.

Un saludo.

PD: para aprender hay que probar y fallar, si cada línea de código que escribes vienes a preguntar cómo escribir la siguiente, no aprendes nada. Para eso te lo hago yo directamente y nos ahorramos los 24 mensajes de este post.

[javirk]

He copiado lo que me pusiste tú, lo he amoldado para el modelo, haciendo la siguiente consulta a la bd:

Código PHP:

  $select_modelo = $_POST["select_tipos"];
$sql = "SELECT Modelo FROM maniobras WHERE Fabricante= '%s'";
$registro = mysql_query($sql); 
   

He mirado a ver si la consulta a la bd la hacía bien con un if, y no me salía ningún error. Así que creo que eso está bien. Donde ponía Fabricante he puesto Modelo, que es lo que sale en la bd, peero, no me sale nada. Me sale en combo pero sin opciones.

La verdad, no lo entiendo.

Gracias.

[vgonga1986]

Qué es %s??? No sale ante en el código...

[andresdzphp]

Iniciado por vgonga1986

Qué es %s??? No sale ante en el código...

creo que intentó usar la función sprintf

Código PHP:

$query = sprintf("SELECT * FROM friends WHERE firstname='%s' AND lastname='%s'",
    mysql_real_escape_string($firstname),
    mysql_real_escape_string($lastname));
 

[javirk]

Sí, se me fue la cabeza, pero ya lo he arreglado poniendo el resultado del post.

Ahora me toca pensar cómo poner los resultados, se me ocurre poner que el segundo vaya por get y escribir los datos. Creo que ya sé, pero me espero a mañana que ya es tarde.

Un saludo y gracias a los dos.

[javirk]

Tenía perfectamente claro cómo hacerlo y todo, incluso lo he escrito, ahora el problema es que cada vez que le doy al segundo botón de enviar para enviar el modelo del coche y me salga la ficha, me tira todo, es decir, se va la información del Fabricante, creo que es porque el segundo lo he puesto con get y el primero con post. ¿Deberían ser los dos iguales? es decir, los dos con post o los dos con get?

Me estoy volviendo loco...

[vgonga1986]

Yo ya no sé ni qué estás haciendo. Sin el código es imposible saber.

Envia siempre todo por post, pero ten en cuenta, que cuando le das al submit del segundo select, el primero no se envía. Es decir, si quieres guardar el valor del primer select, tendrás que pasárselo de alguna manera. La más fácil es añadir un campo oculto que tenga el valor del primer select, para así poderlo rescatar en el envío del segundo. Algo así:

Código PHP:

<?php
    $select_tipos = "";
    if (isset($_POST['select_tipos'])) {
        $select_tipos = $_POST['select_tipos'];
    }
?>
<input type="hidden" name="select_tipos" value="<?php echo $select_tipos; ?>"
 

En principio con eso te vale, si no te vale, ponme el código y vemos mejor, porque si no, es imposible.

Un saludo.