Foros del Web » Programando para Internet » Javascript »

img y select

Estas en el tema de img y select en el foro de Javascript en Foros del Web. hola, tengo un formulario con un select y lo que quiero es que cuando de click en un item me muestre una imagen en un ...
  #1 (permalink)  
Antiguo 18/02/2010, 15:06
 
Fecha de Ingreso: agosto-2008
Mensajes: 108
Antigüedad: 15 años, 8 meses
Puntos: 0
img y select

hola, tengo un formulario con un select y lo que quiero es que cuando de click en un item me muestre una imagen en un img sabiendo que la informacion que me da el select es el nombre de la imagen y su extension, las imagenes esta en un directorio llamado uploads. Me supongo que se hace con java.

<select name="tres" size="16">
<option>archivo1.jpg</option>
<option>archivo2.gif</option>
</select>
  #2 (permalink)  
Antiguo 18/02/2010, 15:17
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: img y select

verifica si este ejemplo te sirve, http://www.dynamicdrive.com/dynamici...geselector.htm
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 18/02/2010, 15:19
Avatar de hector2c  
Fecha de Ingreso: noviembre-2007
Ubicación: Perú - Tacna
Mensajes: 979
Antigüedad: 16 años, 5 meses
Puntos: 25
Pregunta Respuesta: img y select

Código PHP:
<form name="formulario">
    <
select name="lista" onChange="fn_mostrar();">
        <
option>archivo1.jpg</option>
        <
option>archivo2.gif</option>
        <
option>archivo3.gif</option>
    </
select>
</
form>
<
img src="" id="imagen">
<
script language="javascript" type="text/javascript">
    function 
fn_mostrar(){
        var 
texto
        
var indice document.formulario.lista.selectedIndex
        
var texto document.formulario.lista.options[indice].text
        
var imagen document.getElementById('imagen');
        
imagen.src texto;
    }
    
fn_mostrar();
</script> 
suerte...
__________________
blog: hector2c.wordpress.com
email: [email protected]
  #4 (permalink)  
Antiguo 18/02/2010, 16:15
 
Fecha de Ingreso: agosto-2008
Mensajes: 108
Antigüedad: 15 años, 8 meses
Puntos: 0
Respuesta: img y select

no me esta funcionando, mira como lo hice:

<img src="" name="cimg" width="190" height="195" id="cimg" />

<script language="javascript" type="text/javascript">
function fn_mostrar()
{
var texto
var indice = document.FormMenu.imagen.selectedIndex
var texto = document.FormMenu.imagen.options[indice].text
var imagen = document.getElementById('cimg');
imagen.src = "uploads/"+texto;

}

fn_mostrar();

</script>

<form id="FormMenu">
<select name="imagen" size="16" onchange="fn_mostrar();">
<?php
$dir = "uploads/";

if (is_dir($dir))
{
if ($dh = opendir($dir))
{
while (($file = readdir($dh)) !== false)
{
if (strtolower($file) != "." && strtolower($file) != ".." && strtolower($file) != "thumbs.db" )
{
echo "<option >".$file."</option>";
}
}
closedir($dh);
}
}


?>
</select>
</form>

Etiquetas: img, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:18.