Autoajustar ListBox

krinnis · #1 (**permalink**) 26/06/2009, 01:03

Hola buenos días,

tengo una duda y no sé cómo resolverla.

tengo un listbox y la información que cargo tiene diferentes longitudes, pero me gustaría que el listbox se autoajustase a la opción que se haya elegido. es decir, si elijo una opción que tenga una longitud pequeña el listbox se debe ajustar a esa longitud y si elijo una opción más larga el listbox se ensache hasta cubrir las longitud del contenido

alguien sabe cómo se hace?

Adler · #2 (**permalink**) 26/06/2009, 05:33

Hola

..... ni idea. Pero puede decirte que con ASP no

Pregunta en el foro de javascript

Suerte

wilarizz · #3 (**permalink**) 26/06/2009, 11:01

hola, bueno para empezar esto te puede ayudar

Cita:

function cambiar()
{ var lista=document.getElementById("lista")
if (lista.value!="")
lista.style.width=lista.value.length;

}

pero esto solo redimensiona a la cantidad de caracteres de cada palabra expresado en pixeles... mas no en el tamaño especifico del texto... podrias encontrar un numero de referencia q multiplique a la longitud de cada palabra.... XD

bueno suerte, ahi cuentas como te va..

wilarizz · #4 (**permalink**) 26/06/2009, 12:09

holas de nuevo, mira que tu caso me intrigo jeje... ahora te mando esto para q lo pruebes y ai me dice si te va o no XD

Cita:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script language="javascript">
function cambiar()
{ var lista=document.getElementById("lista")
var div=document.getElementById("contenedor");
var listatmp=document.createElement("select");

if (lista.value!="")
{
listatmp.setAttribute("id","listatmp");
var opcion=document.createElement("option");
var texto = document.createTextNode(lista.value);
opcion.setAttribute("value","1");
opcion.appendChild(texto);
listatmp.appendChild(opcion);
div.appendChild(listatmp);
lista.style.width=listatmp.offsetWidth;
}

}
</script>
<body>

<select multiple id="lista" onChange="cambiar()" style="font-size:12px" >
<option>hola</option>
<option>hola como estas</option>
<option>hola q tal todo y cuando te casas?</option>
<option>bien y tu ?</option>

</select>
<div id="contenedor" style="visibility:hidden">
</div>

</body>

</html>

Saludos!!

wilarizz · #5 (**permalink**) 26/06/2009, 12:14

ya te respondi.. en tu post repetido... XD

pdta: no te pude poner la url de tu otro post xq no me permite.. xq aun no tengo cantidad de msjes suficientes en este foro jeje.. asi q buskalo XD
saludos..

Adler · #6 (**permalink**) 26/06/2009, 13:40

Cita:

Iniciado por wilarizz

ya te respondi.. en tu post repetido... XD

pdta: no te pude poner la url de tu otro post xq no me permite.. xq aun no tengo cantidad de msjes suficientes en este foro jeje.. asi q buskalo XD
saludos..

Está repetido por que ha sido movido desde el foro de ASP