[SOLUCIONADO] Menu desplegable vinculado a una imagen

[Xavili]

Hola!!

Llevo unos días intentando vincular dentro de un formulario la aparición de una imagen al seleccionar la casilla deseada.

Deduzco que con un script podría conseguir este efecto.

Por ejemplo este menu. Como consigo que aparezca junto al menu una imagen al seleccionar una opcion?


<select id="banderas" name="banderas" onchange;">
<option value="-">-</option>
<option value="australia">Australia</option>
<option value="francia">Francia</option>
<option value="italia">Italia</option>
<option value="suiza">Suiza</option>
<option value="españa">España</option>
</select>

Pop-up lo e descartado es muy agresivo.

Gracias!!!!!

[Zeromm]

Iniciado por Xavili

Pop-up lo e descartado es muy agresivo.

¿muy agresivo? ¿porque es muy agresivo?

[Xavili]

Me gustaria que la imagen aparezca en la misma ventana.

Pop UP Entiendo que se abre una ventana nueva. cierto?

[Zeromm]

hmmm... ¿a que te refieres por "ventana"? xD

Un pop up no deja de ser una capa como cualquier otra de tu web. Al menos es su funcionamiento más habitual

[Xavili]

Disculpa Zeromm!

Pues si me aparece en la misma pagina genial!!!

Como ->pop up<-entiendo una ventana emergente que abre otra pestaña del navegador. Como en la publicidad no deseada.

[Zeromm]

madre mia, esos pop ups creo que eran los de los 90 xDD

Aquí tienes un ejemplo de popup... actual

[Xavili]

Vale, pero lo que busco no es algo emergente.

Busco presionar sobre el menú desplegable por ejemplo Brasil. Y que aparezca junto al menú la bandera de brasil.

Si presiono del desplegable Suiza, aparezca suiza.




Tienes la razón los pop ups que bombardean la pantalla de los 90 nos tramaron a todos.............

[Zeromm]

Lo que buscas es el efecto toggle de javascript (pero lo digo sin ser ni mucho menos experto en js), que al pulsar un botón aparezca "algo" de tu web. Se puede hacer con css con ":checked" pero la compatibilidad podría ser un problema

Aquí tienes info sobre ello.

toggle1

toggle2

[fede5426]

Lo hice lo mas simple que pude para darte una mano, es sencillo solamente tenes que identificar el valor del select y cambiar el elemento que va a aparecer a su lado. (Obviamente la posicion se la das con CSS, yo no lo hice en este ejemplo).

http://codepen.io/anon/pen/gbjodQ

Espero te sirva, saludos!

[Xavili]

Wooww!!!

Estupendo Zeroom! Buena pista para investigar y aprender!

Fede, gracias por la compilacion!! Ya veo las variables, el tiempo de cambio.

Genial! Soys unos catacraks!!!!!

Tema resuelto.