Tooltip al sobreponer el cursor sobre el texto de un drop down list (select)

rats · #1 (**permalink**) 30/09/2005, 16:36

Hola, Alguien sabe si se puede que al posicionarme sobre el texto desplegado de un drop down list, o select, pueda aparecer un tooltip con todo el texto contenido en el drop down list?, que cuando se despliega no se ve. El caso es que no quiero agrandar en DDL, al menos no de no ser necesario, gracias.

En caso de que si se pueda, como puedo hacerlo?

K3NNY · #2 (**permalink**) 30/09/2005, 18:36

Uhm... no se si funciona en un select pero probaste poniendole el atributo title="texto_aca"?

miguelon76 · #3 (**permalink**) 07/10/2005, 03:39

Buenos dias yo tengo un problema parecido, tengo un un select con un size="7" para que se vean todas las opciones juntas le pongo el metodo title="texto" pero no me aparece el texto (una descripcion sobre la opcion) es mas no me acepta ninguno de los metodos de los <option> (onMouseOver, onClick, etc...) he probado con casi todos y no va, si alguien pudiera decirme como seria una gran ayuda. Gracias de antemano.

el_javi · #4 (**permalink**) 07/10/2005, 04:00

Buenos días..

Tengo programada una preview de una web, donde tengo un Objeto tooltip programado, que interactua al poner el raton encima de un enlace (<a href"">), sobre un boton (<input type="button">) y sobre más componentes.

La cuestión, es que para que el tooltip funcione correctamente, ha de saltar en el mousemove de cada uno de esto elementos, y el SELECT, no acepta onmouseover (o por lo menos de momento no lo he investigado a fondo).

Un saludo

tranillo · #5 (**permalink**) 17/09/2008, 12:43

Utiliza esto dentro del codigo que te muestra en asp.net

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="pv.aspx.vb" Inherits="pv" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
----------------------------------------aqui creas la función----------------------------
<script language="javascript">
function showTip(oSel) {
var theTip = document.getElementById("spnTip");
theTip.style.top = window.event.clientY + 20;
theTip.style.left = window.event.clientX;
theTip.innerText = oSel.options[oSel.selectedIndex].text;
theTip.style.visibility = "visible";
}
function hideTip() {
document.getElementById("spnTip").style.visibility = "hidden";
}
</script>
----------------------------------------------------fin------------------------------------------
<form id="form1" runat="server">
<div>

<asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource1" --------------la agregas esto a tu drop------ onMouseOver="showTip(this)" onMouseOut="hideTip()"---------------fin-------------

DataTextField="pai_descri" DataValueField="pai_keypai" Width="90px" EnableTheming="True" Font-Overline="True" Font-Strikeout="False" Font-Underline="False" >

</asp:DropDownList><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:odsistemaConnectionString %>"
SelectCommand="SELECT [pai_keypai], [pai_descri] FROM [gnpais] ORDER BY [pai_descri]">

</asp:SqlDataSource>
--------------------para que tome las posiciones---------------------------
<span id="spnTip"
style="position:absolute;visibility:hidden;backgro und:lightyellow;
border:1px solid gray;padding:2px;font-size:8pt;font-family:Verdana;"
onMouseOut="hideTip()"></span>
----------------------------------------------------------fin--------------------------------------------------------
</div>
</form>
</body></html>

talvez les sirva ok

JavierB · #6 (**permalink**) 17/09/2008, 12:50

El mensaje original es de hace casi 3 años. Por favor, no reviváis temas tan antiguos.

Saludos,