Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/05/2009, 21:02
DruX
 
Fecha de Ingreso: mayo-2009
Mensajes: 19
Antigüedad: 15 años, 6 meses
Puntos: 1
Drop Down con Imagenes

hola tengo un rpoblemilla, tengo dos script uno con php y otro con javascript


lo que quiero:

un Drop Down que automaticamente identifique las carpetas de un directorio y las liste, ademas quiero que bajo esta salga automaticamente una imagen, del mismo nombre de la carpeta que cambie mientras se cambia de opcion, si no me explico, lo que quiero es hacer esto:

Código:
<select name="archivos">
<?php
    //abro un directorio
    $mydir=opendir("ruta/dir");
    if(isset($mydir))
    {
        //lo recorro
        while($archivo=readdir($mydir))
        {
            //si es un archivo voy agregandolo al select (drop down segun vb)
            if(!is_dir($archivo))
            {
?>
<option><?php echo $archivo;?></option>
<?php
            }
        }
    }
?>
</select>

y mezclarlo con esto:
Código:
<HEAD><SCRIPT>
// preload images
var img1 = new Image().src = "../images/jht.gif"
var img2 = new Image().src = "../images/jsht.gif"
var img3 = new Image().src = "../images/pht.gif"

function setImage(imageSelect) {
 theImageIndex = imageSelect.options[imageSelect.selectedIndex].value;
 if (document.images)
     document.images[0].src = eval("img" + theImageIndex);
  }
</SCRIPT></HEAD><BODY>
<FORM NAME="theForm" METHOD="POST">
<TABLE><TR><TD>Images: <TD>
<SELECT NAME="items" onChange="setImage(this)">
   <OPTION VALUE="1">Java How-to
   <OPTION VALUE="2">Javascript How-to
   <OPTION VALUE="3">Powerbuilder How-to
 </SELECT>
 <TD><IMG SRC = "../images/jht.gif" HEIGHT=100 WIDTH=200>
 </TABLE></FORM></BODY>

A ver si alguien se las ingenia,

saludos!!!! y gracias!!!