Listas en html con php / mysql

setenta · #1 (**permalink**) 14/03/2012, 17:25

Hola amigos, tengo una duda más conceptual que de otra cosa.
He logrado tomar los datos de mi base de datos (una columna) así:

<select name="LioMessi" id="LioMessi">
<option value="value" <?php if (!(strcmp("value", $row_Carnes['']))) {echo "selected=\"selected\"";} ?>>Lista de Carnes</option>
<?php
do {
?>
<option value="<?php echo $row_Carnes['nombre']?>"<?php if (!(strcmp($row_Carnes['nombre'], $row_Carnes['']))) {echo "selected=\"selected\"";} ?>><?php echo $row_Carnes['nombre']?></option>
<?php
} while ($row_Carnes = mysql_fetch_assoc($Carnes));
$rows = mysql_num_rows($Carnes);
if($rows > 0) {
mysql_data_seek($Carnes, 0);
$row_Carnes = mysql_fetch_assoc($Carnes);
}
?>
</select>
Esto me muestra los valores de la tabla "carnes", mas precisamente los valores de la columna "nombre" de dicha tabla y lo que hace es eso, mostrar la lista de las carnes que tengo en la base de datos (por ejemplo, molleja, vacío, etc). Hasta ahora todo ok.
Lo que yo quiero ahora es que cuando una persona me elija "vacío", yo le coloco en pantalla la cantidad de grasas que tiene en %, tomando los datos del siguiente campo en la tabla (que es "grasas") ¿Me podrían dar alguna idea? Muchas gracias.

setenta · #2 (**permalink**) 14/03/2012, 18:39

Alguien me puede ayudar?

emprear · #3 (**permalink**) 14/03/2012, 18:41

Bueno, depende de toda tu aplicación como este hecha y si tenes más datos que mostrar.
a vos se te genera algo como esto

Código HTML:

<select>
<option value="mollejas">mollejas</option>
<option value="chinchulines">chinchulines</option>
</select>

podrias hacer que el value sea el porcentaje de grasas

Código HTML:

<select>
<option value="30">mollejas</option>
<option value="60">chinchulines</option>
</select>

y una función de javascript con el evento onchange(), que tomaria el value y lo pones en el elemneto de la página que quieras con innerHTML.
Imaginando que tengas otras propiedades que mostrar para un tipo de corte ó achura (no se me ocurre nada pero invento), precio por ejemplo, harias

Código HTML:

<select>
<option value="30|60">mollejas</option>
<option value="60|35">chinchulines</option>
</select>

y en la funcion de javascript haces un split de la cadena "60|35" y pasas los indices con innerHTML para grasa y precio a la pantalla

Saludos
PD:
Eso de molleja, vacio y ... Lio Messi.... me matoooooó
Ahora justo estoy viendo a Riquelme y dandolo a un plato de arroz blanco !!!!

emprear · #4 (**permalink**) 14/03/2012, 18:43

Cita:

Iniciado por setenta

Alguien me puede ayudar?

Safaste porque te respondí antes, pero NUNCA, vuelvas a reclamar ayuda a tan solo una hora de tu post original que esto no es la guardia de un hospital

setenta · #5 (**permalink**) 14/03/2012, 19:01

Pregunto, se algo de php pero nada absolutamente nada de javascript. Pregunto: El evento onchange() lo puedo aplicar a un dato leído con php desde una base de datos mysql?. O sea, cuando ya tenga asignada una de las opciones a una variable (que es realmente mi problema, no se como asignar un dato seleccionado en forma dinámica), puedo usar javascript para operar con esa variable sin problemas.? Lo de Riquelme y el plato de arroz, fantástico, jeje.

emprear · #6 (**permalink**) 14/03/2012, 19:49

Javascript te va a trabajar sobre el html resultante

Ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>onchange en select y split + innerHTML</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- http://www.forosdelweb.com/f4/listas-html-con-php-mysql-981718/ -->
<script type="text/javascript">
//<![CDATA[
function propiedades_carne(){
var cortes = document.getElementById('carnes').value;
if(cortes != ""){
var valores = cortes.split('|');
var corte = valores[0];
var grasa = valores[1];
var precio = valores[2];
alert('corte: ' + corte +' - grasa:' + grasa + '% - precio: $' + precio);
}
}
//]]>
</script>
</head>
<body>
<select id="carnes" onchange="propiedades_carne();">
<option value="">Seleccione una variedad</option>
<option value="Vacio|30|60">Vacio</option>
<option value="Mollejas|60|40">Mollejas</option>
</select>
</body>
</html>

Para el resto, buscá como pasar los valores obtenidos a algun elemento de la página (div, span, u otro)

http://librosweb.es , hay un muy buen manual de javascript

Saludos

setenta · #7 (**permalink**) 14/03/2012, 20:07

Muchisimas gracias, realmente estoy leyendo los libros (baje todos, css, javascript, php y otras yerbas como Ayax). He notado que, salvo la sintaxis y la diferencia de que js actúa directamente con el navegador, en realidad la programación es similar (diría, bastante), así que tendría que estudiar la sintaxis del js y ver como puedo utilizar las variables dinámicas de las listas y poder operar matemáticamente con ellas. Muchas gracias de nuevo.

emprear · #8 (**permalink**) 14/03/2012, 20:27

Si, tienen semejanzas.
Javascript es un lenguaje del lado del "cliente", asi se dice. En muchos casos hay que buscar funciones equivalentes, por ejemplo en php usamos explode(), para hacer lo que yo hice con split. Si conoces una función de php (no siempre por supuesto) googlea por ejemplo

"trim php in javascript".... y vas a encontrar cosas como esta
http://www.somacon.com/p355.php

Saludos
Y no te atragantes con los libros, deja lugar para la nerca !!!

setenta · #9 (**permalink**) 14/03/2012, 20:49

jajaja, si, para la carne y el arroz de riquelme

gonzalezcastillo · #10 (**permalink**) 14/04/2012, 12:50

file:///C:/Users/publico/Desktop/%C2%A0/html/1index.html