Foros del Web » Creando para Internet » HTML »

SELECT OPTION para ver imagen y para ir a URL en misma lista

Estas en el tema de SELECT OPTION para ver imagen y para ir a URL en misma lista en el foro de HTML en Foros del Web. Buenas a todos llevo mucho tiempo inscrita en el foro y aprendiendo mucho de todos vosotros como profesionales que sois y ahora se me presenta ...
  #1 (permalink)  
Antiguo 11/05/2019, 18:10
 
Fecha de Ingreso: enero-2012
Mensajes: 1
Antigüedad: 7 años, 6 meses
Puntos: 0
SELECT OPTION para ver imagen y para ir a URL en misma lista

Buenas a todos llevo mucho tiempo inscrita en el foro y aprendiendo mucho de todos vosotros como profesionales que sois y ahora se me presenta un problemilla a ver si me podéis ayudar, tengo 2 SELECT OPTION diferentes que funcionan perfectamente y lo que quería es juntar las 2 en la misma lista del SELECT OPTION, os detallo:



-1. SELECT OPTION PARA SELECCIONAR IMAGEN Y QUE SE VEA:
(Crear una carpeta llamada “COLORES” y meter ahí las imágenes .jpg correspondientes a seleccionar)


<form action="PEDIDO.php" name="SELECT" method="post">

<select name="ELEGIR" value="ELEGIR" onchange="showimage(document.forms.SELECT)">

<script language="javascript">
function showimage( fm ){
if (!document.images) return
ind = fm.ELEGIR.selectedIndex;
sel = fm.ELEGIR.options[ind].value;
document.images.GIF.src = "./COLORES/"+sel;}
</script>

<option selected disabled>ELEGIR</option>

<option value="NEGRO.jpg">NEGRO</option>
<option value="AZUL.jpg">AZUL</option>
<option value="ROJO.jpg">ROJO</option>

</select>

<br>

<img src="IMAGEN.gif" name="GIF">

</form>



-2. SELECT OPTION PARA IR A URL SELECCIONADA:


<form action="PEDIDO.php" name="SELECT" method="post">

<select name="ELEGIR" value="ELEGIR" onchange="document.location.href=this.value">

<option selected disabled>ELEGIR</option>

<option value="https://www.google.es">GOOGLE</option>
<option value="https://www.yahoo.es">YAHOO</option>
<option value="https://www.youtube.es">YOUTUBE</option>

</select>

</form>


HASTA AQUÍ BIEN


Ahora lo que quiero es juntar las 2 cosas en la misma lista para que puedas SELECCIONAR IMAGEN Y QUE SE VEA y también PODER IR A UNA URL SELECCIONADA, he intentado poner diferentes fórmulas pero no soy capaz, una de ellas por ejemplo ésta:

(Crear una carpeta llamada “COLORES” y meter ahí las imágenes .jpg correspondientes a seleccionar)


<form action="PEDIDO.php" name="SELECT" method="post">

<select name="ELEGIR" value="ELEGIR" onchange="showimage(document.forms.SELECT);documen t.location.href=this.value”>

<script language="javascript">
function showimage( fm ){
if (!document.images) return
ind = fm.ELEGIR.selectedIndex;
sel = fm.ELEGIR.options[ind].value;
document.images.GIF.src = "./COLORES/"+sel;}
</script>

<option selected disabled>ELEGIR</option>

<option value="NEGRO.jpg">NEGRO</option>
<option value="https://www.google.es">GOOGLE</option>
<option value="AZUL.jpg">AZUL</option>
<option value="https://www.yahoo.es">YAHOO</option>
<option value="ROJO.jpg">ROJO</option>
<option value="https://www.youtube.es">YOUTUBE</option>

</select>

<br>

<img src="IMAGEN.gif" name="GIF">

</form>




El error es que solo funciona si seleccionas las URL pero si seleccionas para ver una imagen no se ve porque lo que hace es buscar una URL y te sale el mensaje de “The page cannot be found!”.
Creo que la solución debe estar en crear una fórmula válida juntando las 2 funciones para “onchange”: showimage(document.forms.SELECT) + document.location.href=this.value
Alguien sabe cómo hacerlo? gracias !!



La zona horaria es GMT -6. Ahora son las 12:11.