Alt en un <select>

davidvamo · #1 (**permalink**) 07/02/2003, 02:34

He estado buscando una solución para que pueda salirme un "alt" en una opcion de select, es decir, algo del estilo siguiente:

<select name="nombre">
<option alt="opcion 1">opcion 1</option>
<option alt="opcion 2">opcion 2</option>
<option alt="opcion 3">opcion 3</option>
</select>

o así

<select name="nombre">
<option title="opcion 1">opcion 1</option>
<option title="opcion 2">opcion 2</option>
<option title="opcion 3">opcion 3</option>
</select>

es que necesito poner el <select> con width=150, es decir:

<select style="width:150">

Gracias y saludos

TurKa · #2 (**permalink**) 07/02/2003, 23:09

No entiendo que tiene que ver la relación del ancho del select con <alt> y/o <title>.
De por si, ni "alt ni "title" pueden utilizarse en un las opciones de un select.
Ahora, si quieres asignarle un ancho, es otro tema:
<select style="width: 150"> es lo correcto. Está bien. Pero... alt y title nop.

Kaopectate · #3 (**permalink**) 08/02/2003, 09:10

Hola davidvamo, hoa TurKa

Yo creo que el problema de David es que está obligado por diseño a un ancho de combo insuficiente para el contenido y por eso pide una solución parecida al "alt".

Bien, como dice TurKa, tal cosa no existe para ese tipo de tags, pero yo he visto en este mismo foro una implementación hecha a mano que te podría servir. Te sugiero que uses el buscador.

De cualquier modo, mi recomendación principal es que trates de no caer preso de tu propio diseño.

Saludos.

Yanix · #4 (**permalink**) 08/02/2003, 09:31

Así mismito es..

No he visto alt ni title en select. La forma que he visto para simular el efecto del title o alt o 'tool tip' en un select es esta.

En el <HEAD>:

Código:

<script language="javascript">
function eltooltip(algo) 
{
 var ejecuta = window.event;
 var x = ejecuta.x;
 var y = ejecuta.srcElement.offsetTop+ejecuta.srcElement.offsetHeight+10;
 var pos = tabla.style;
 tabla.innerHTML = '<table style="background-color:INFOBACKGROUND;font:8pt Arial;padding:3px 3px 3px 3px;border:1px solid INFOTEXT"><tr><td align=left>'+ algo +'</td></tr></table>';
 pos.posTop = y
 pos.posLeft = x;
 pos.visibility = '';
}
</script>

En el <BODY>:

Código:

<form name=miform>
<select onMouseOver='eltooltip("El texto que quieras")' onMouseOut='tabla.style.visibility="hidden"'>
<option>opcion 1</option>
<option>opcion 2</option>
<option>opcion 3</option>
</select>
</form>
<div id=tabla style='position:absolute;top:0px;left:0px;visibility:hidden'></div>