Comunidad de diseño web y desarrollo en internet online

Filtro de imagen

Citar            
MensajeEscrito el 23 Jul 2012 12:45 pm
Hola,

Me ha surgido una duda que no puedo resolver y no he encontrado documentacion. La cuestion es la siguiente:

Quiero hacer una galeria con X imagenes con una serie de caracteristicas.

De momento introduzco cada una de las imagenes con una serie de caracteristicas (una es roja, otra tiene verde y marron, y otra tiene solo marrón.

Código PHP :

                echo "<div id='id1' class='azul'>";
                        echo '<img src="01.jpg" />';
                echo "</div>";

                echo "<div id='id2' class='verde marron'>";
                        echo '<img src="02.jpg" />';
                echo "</div>";

                echo "<div id='id3' class='marron'>";
                        echo '<img src="03.jpg" />';
                echo "</div>";


Por otro lado, tengo unos checkbox (por ejemplo) con el siguiente código

Código PHP :

                echo "<input type=\"checkbox\" class=\"c1\" name=\"check2\" value=\"marron\" onChange='$(\".marron\").toggle(this.checked);'>";


con esto lo que hacemos es que cada vez que hacemos check o uncheck ocultamos o mostramos la imagen que en su clase tenga "marron". El problema es que en este ejemplo la imagen 3 va perfecto, pero en el caso de la imagen2 tambien me la oculta independientemente si verde esta check o uncheck.

Como podría hacer para que se me oculte cuando todos los elementos del class (y no el ultimo clickeado) esten off y cuando uno de ellos, el que sea, este ON no se oculte?

Podéis orientarme donde tengo el error?

Muchas gracias de antemano

Por grescafe

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Jul 2012 08:50 pm
cuando pones

class="marron" es una clase

class="verde marron" son dos clases, pero contiene a la marron, la solucion hasla a una clase como:

class="verde_marron" y listo ;) cmabia el script

Código Javascript :

onChange='$(\".verde_marron\").toggle(this.checked);

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 17 Ago 2012 04:59 pm
Gracias por la respuesta, pero inicialmente no la veo viable por lo siguiente, corregirme si estoy equivocado.

En el ejemplo tengo tres imagenes, pero supongamos que quiera poner lo siguiente:

Bicicleta
moto
coche
camion

Y por otro lado quisiera filtrar por:
contaminante (mucho, poco, nada)
color (verde,azul,amarillo, ...)
numero_ruedas (2 , 3, 4, 6, ...)

Con esa teoria, tendria para, prácticamente cada imagen una class distinta, además que si se checkan de unos campos, se tendrían que checkar en el mismo orden de la clase... ufff

Alguna idea?

Gracias

Por grescafe

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Ago 2012 06:32 pm
Lo que quieres es aplicar filtros de contenido con chekboxes??

es decir tienes una lista de vehiculos

y una lista de checkbox que dicen, 2,4 y 8 ruedas.

¿cuando actives los chekbox deben de aparecer los autos con la cantidad de ruedas marcadas?
¿puedes marcar mas de una opcion?

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.