Foros del Web » Creando para Internet » HTML »

Redimensionar un Combo

Estas en el tema de Redimensionar un Combo en el foro de HTML en Foros del Web. Señores, tengo un select al qeu he restringido el tamaño, style="width:150px". Ahora bien.... dentro de las opciones, una de ellas es mas larga qeu los ...
  #1 (permalink)  
Antiguo 05/09/2005, 15:16
 
Fecha de Ingreso: abril-2005
Mensajes: 110
Antigüedad: 12 años, 7 meses
Puntos: 0
Redimensionar un Combo

Señores, tengo un select al qeu he restringido el tamaño, style="width:150px".
Ahora bien.... dentro de las opciones, una de ellas es mas larga qeu los 150px qeu le he asigando como tamaño al select.
Quisiera saber si se puede hacer, que al seleccionar el combo y al desplegarse la lista se redimensione el ancho del combo para mostrar las opciones que son mas largas qeu los 150px en forma completa.
Se entiende?... Gracias
  #2 (permalink)  
Antiguo 06/09/2005, 15:11
Avatar de flaviovich  
Fecha de Ingreso: agosto-2005
Ubicación: Lima, Peru
Mensajes: 2.949
Antigüedad: 12 años, 4 meses
Puntos: 38
Bueno, se me ocurrio asi.
Código HTML:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
var maxChars = 19;
function checkWidth(combo)
{
	var n = combo.length;
	for (i = 0; i < n ; i++)
	{
		if (combo.options[i].text.length > maxChars)
		  document.formulario.combo.style.width="250px"
	}
}
</script>
</head>

<body>
<form name="formulario">
<select name="combo" size="1" style="width:150px" onChange="checkWidth(this)">
<option selected></option>
<option>opcion 1</option>
<option>opcion 2</option>
<option>opcion 3 y algo mas de opciones</option>
</select>
</form>
</body>
</html> 
Habria que averiguar, cuantos caracteres entran en 150 pixeles. Estoy seguro que se puede, solo que no se como hacerlo. Creo que se multiplica la cantidad de caracteres en cada option por una cantidad de pixeles...
Podrias probar con el evento onFocus.
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 12:37.