Hola!

Registrándote como bakuno podrás publicar, compartir y comunicarte en privado con otros bakuos :D

Regístrame ya!

ayuda con combobox en HTML

C

caraculo..

Bovino maduro
Desde
6 Ene 2010
Mensajes
292
Hola ba-kunos, pues quiero pedirles ayuda con un ejercicio de HTML en el cual tengo que hacer lo siguiente:

- Diseñar una pagina que muestre un combobox o lista, de tal manera que cada elemento sea una direccion url o una foto (imagen).:mota:

lo que llevo de codigo es esto:
<html>
<head>
<title>PAGINA</title>
<script languaje="css">
<!--
.image1 {
background-image: url(url de imagen);
height: 50px;
width: 50px;
background-repeat: no-repeat;
}

.image2 {
background-image: url(url de imagen 2);
height: 50px;
width: 50px;
background-repeat: no-repeat;
}

.imagen3 {
background-image: url(url de imagen 3);
height: 50px;
width: 50px;
background-repeat: no-repeat;
}

-->
</script>
 </head>

<body>
<strong><h1>PAGINA</h1></strong>
<select id="COMBOBOX" name="COMBO" multiple="multiple" size="5">
<option selected="selected"> -_- </option>
<option class="" value="1"> 1 </option>
<option class="" value="2"> 2 </option>
<option class="" value="3"> 3 </option>
<option class="" value="4"> 4 </option>
<option class="" value="5"> 5 </option>
<option class="" value="6"> 6 </option>
<option class="" value="7"> 7 </option>
<option class="" value="8"> 8 </option>
<option class="" value="9"> 9 </option>
<option class="" value="10"> 10 </option>
</select>

</body>
</html>

Eso es XD
PD: el CSS no tengo idea si esta bien jaja es solo parte del ejemplo me falto terminarlo

Gracias de antemano
 
lo busque en google pero no encontre nada pero sin embargo
segun el requerimiento......
........ lista, de tal manera que cada elemento sea una direccion url o una foto (imagen)
podria ayudar esto:
<ul>
<li class="imagen1"> url1 </li>
<li class="imagen2"> url2 </li>
<li class="imagen3"> url3 </li>
....
<ul>

solo sugerencia....
 
Quiero suponer que quieres que con el combo se cambie la imagen..

ahi ta.. no te la compliques..

<HTML>
<BODY>

<img src="http://ba-k.com/images/fun/misc/logosombra.png" id="idMiImagen" width="200px" height="100px">
<hr>
<select id="cboLoQueSea" onChange="javascript:cambiaImagen(this.value);">
<option value="http://ba-k.com/images/fun/misc/logosombra.png">Imagen 1</option>
<option value="http://l.yimg.com/a/i/mntl/ww/events/p.gif">Imagen 2</option>
<option value="/pathdelaimagen/imagen3.gif">Imagen 3</option>
</select>
</BODY>
</HTML>
<script language="javascript">
function cambiaImagen(path)
{
document.getElementById("idMiImagen").src=path;
}
</script>
 
Debes iniciar sesión o registrarte para participar.
Volver
Arriba