SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Lista desplegable automatica

Códigos Javascript

Este codigo es muy utilizado por todos los diseñadores de paginas. Trata de una lista desplegable y formulario sin boton que se autoenvia al seleccionar una opcion. Es altamente modificable, se pueden añadir todos los enlaces que deseemos, añadirle estilos, colores, etc...
Visitas: 58,769 - 23/09/2003 21.07.48
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <head>
  2. <script language="JavaScript" type="text/JavaScript">
  3. function MM_jumpMenu(targ,selObj,restore){
  4.   eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  5.   if (restore) selObj.selectedIndex=0;
  6. }
  7. </script>
  8. </head>
  9. <body>
  10. <form name="form1" target="_blank">
  11.   <select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
  12.     <option value="http://www.google.com" selected>Google</option>
  13.     <option value="http://www.yahoo.com">Yahoo</option>
  14.     <option value="http://www.tutores.org">Tutores</option>
  15.   </select>
  16. </form>
  17. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Lista desplegable automatica" href="http://www.tutores.org/codigo/603/" target="_blank">Lista desplegable automatica</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
20/06/2004 4.44.33
2 5
¿Podrías indicarme qué hacer para que se abra en otra página sin borrar la anterior, es decir, _blank?
Comentario usuario
19/04/2003
3 5
hola solo tienes que agregar la propiedad
name="formulario" target="_blank" al formulario
saludos
Comentario usuario
20/06/2004 4.44.33
3 5
Gracias por la rápida respuesta, pero sigue sin funcionar.
He querido adjuntar el código, pero no me lo acepta por pasar de 300 caracteres, pero es copia exacta de vuestra página de ejemplo añadiendo lo que me indicas.
Un abrazo.
Comentario usuario
19/04/2003
4 5
hola
como ves hemos modificado el codigo
para abrir nueva ventana, el la linea 8
modifica 'parent' por ' 'window.open() ', lo que quedaria
onChange="MM_jumpMenu('window.open()',this,0)"
Comentario usuario
20/06/2004 4.44.33
5 5
Hola.
lo he puesto tal y como me dices y no abre nada. Es decir, no funciona de ninguna forma.
Es más, vuestro ejemplo de arriba no abre en ventana nueva.
Comentario usuario
19/04/2003
3 5
Hola el codigo esta probado y reprobado y si funciona, posibles fallos:
Que tipo de navegador tienes
El script debe estar entre las cabeceras <head>, y el resto entre las <body>
Comentario usuario
20/06/2004 4.44.33
4 5
¡Funciona a la perfección!
Sois cojonudos, pacientes, amables y excelentes colaboradores.
Os recomendaré a mis amistades y pondré un link en mis páginas.
¡MUCHÍSIMAS GRACIAS Y UN FUERTE ABRAZO!
Comentario usuario
19/04/2003
2 5
Fué un placer :-) para eso estamos
gracias y saludos
Comentario usuario
quisiera saber
5 5
Esta funcion es la que usa dreamweaver para lo que ellos llaman menu de salto, yo la necesito porque estoy en un proyecto pero la verdad me he trabado en una necedad, quisiera ver si me podian ayudar...una analogia de mi proyecto es el de paises estados y capitales....lo estoy haciendo con php y logro que el campo de paises me muestre lo que quiero, pero el problema esta cuando quiero que los estados me muestren solo los que pertenecen al pais que selccione, ahh estoy trabajando con una base de datos en postgres.....la verdad lo que quiero saber es como enlazo esta funcion que ustedes exponen aqui que es exactamente la que me recomendaron utilizar para que me tome el parametro que me envia el primer formulario y luego con ese crear la senetncia sql para hacer el filtrado de los estados que pertenecen al pais escogido....use exactamente lo que copiaron arriba y me funciona perfecto y es el efecto que quiero lograr que cuando haga el cambio en le pais automaticamente asi con javascript on_change me tome los estado que pertenencen al pais en una lista desplegable....gracias de antemano por toda la ayuda que me puedan prestar...
Comentario usuario
jorge luis muñoz tejeda
5 5
excelente .. luego de navegar 1 hora y nada .. por fin encontre la respuesta a mi problema ... excelente .. gracielas
Comentario usuario
zandrox
3 5
Tengo una duda y no encuentro solucion... he creado una lista/menu de algunas canciones mp3 y kisiera reproducirlos en el mediaplayer incrustado en la misma pagina (debajo del menú).... la duda es ke no se como hacer para ke al seleccioanr un tema de la lista/menu, esta se reproduzca automaticamente en el mediaplayer ke esta debajo, y asi sucesivamente con cada cancion del menu ke elija.... estado probando con el function MM_jumpMenu pero no le encuentro solucion..... gracias y espero me puedan orientar amigos...

[*CODE*]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
body {
background-color: #000000;
}
</style>
<script language="JavaScript" type="text/JavaScript">

function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
</head>
<body>
<p align="center"> </p>
<p align="center">
<select name="menu1" size="3" onchange="MM_jumpMenu('visor',this,0)">
<option value="D:MusicaRobbie Williams - Angels.mp3">Angels</option>
<option value="D:MusicaEddie Santiago - Antidoto y veneno.mp3">Antidoto y veneno</option>
<option value="D:MusicaOV7 - ENLOQUECEME.mp3">Enloqueceme</option>
</select>
</p>
<p align="center">
<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
type="application/x-oleobject" name="visor" width=363 height=140
standby="Cargando los componentes del Reproductor de Windows Media de Microsoft..." id="NSPlay">
<param name="FileName" value="D:MusicaEdgar Joel - Hasta el sol de hoy.mp3">
<param name="ShowControls" value="1">
<param name="ShowDisplay" value="1">
<param name="ShowStatusBar" value="1">
</object>
</p>
</body>
</html>
[*/CODE*]
Comentario usuario
zandrox
2 5
Tengo una duda y no encuentro solucion... he creado una lista/menu de algunas canciones mp3 y kisiera reproducirlos en el mediaplayer incrustado en la misma pagina (debajo del menú).... la duda es ke no se como hacer para ke al seleccioanr un tema de la lista/menu, esta se reproduzca automaticamente en el mediaplayer ke esta debajo, y asi sucesivamente con cada cancion del menu ke elija.... estado probando con el function MM_jumpMenu pero no le encuentro solucion..... gracias y espero me puedan orientar amigos...
Comentario usuario
pc1000ton
1 5
Quisiera saber como hago para que me aparesca en un frame (en mi caso principal) y no aparesca en toda la pagina.
Espero que me puedan ayudar.....gracias.
Comentario usuario
19/04/2003
1 5
hola
lo unico es que debes de modificar el
form name="form1" target="_blank"
por
form name="form1" target="nombre_del_frame"
asi se te abrira en un frame distinto
saludos
Comentario usuario
13-11-2007 12:52:07
2 5
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="75%" border="1">
<tr>
<td>centro de orientación educativa</td>
</tr>
<tr>
<td>
<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option value="http://www.unam.mx" selected>UNAM</option>
<option value="http://www.google.com.mx">Google</option>
<option value="http://www.dgose.unam.mx">Dgose</option>
</select>
</form>
</td>
</tr>
</table>
</body>
</html>


Hola que tal que puedo cambiar para que cuando seleccione alguna de las opciones del la lista me habra en una nueva página y si se pudiera de ciertas dimensiones gracias
Comentario usuario
03-07-2007 15:18:48
1 5
<form name="form1" target="_blank

Cambio a <form name="form1" target="content"> y no se me abre en el frame que le indico.
Mi pagina esta compuesta por un primer frame con una fila, y dos columnas. Dentro de la columna izquierda tengo otro frame con 3 filas. El codigo lo inserto en la fila de arriba, y quiero que se me abra el link en la columna derecha del primer frame citado. En la pagina del primer frame "index.html" ya he indicado en name="content">

Gracias, un saludo
Comentario usuario
19/04/2003
2 5
Hola
Seria
form name="form1" target="content"
no tendria que darte problemas
Comentario usuario
03-12-2007 19:25:42
5 5
Genial, a mí me funciona de maravilla!

He optado por colocar la opción window.open pero me gustaría asignar a las ventanas unas dimensiones predefinidas. ¿Dónde tengo que situar el 'width' y el 'height'?

Gracias y salu2
Comentario usuario
03-12-2007 19:25:42
1 5
¿No hay ninguna respuesta?
Comentario usuario
jjat
5 5
Buenas, tenía otra pregunta, yo quisiera tener este form pero con dos modificaciones que no consigo ya que soy muy novato:
1. Quiero que en vez de lista desplegable sea cuadro de lista
2. Quiero enlazar con otra pagina de mi web
Como podria hacerlo? muchas gracias
Comentario usuario
maxpal75
2 5
Estaba haciendo una pagina de inicio para iexplorer con un listado de links a los sitios mas utilizados y a la derecha del titulo le agregue el listado en javascript, como hago para que se habran las páginas en una nueva pestaña en lugar de una nueva ventana. Gracias.
Comentario usuario
maubalder
4 5
window.open()
Funcionó a la perfección en Firexox, gracias!
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.