Me dio la siguiente¿Cómo se hace sobre herramientas aparece durante más tiempo en el IE
<span id="pageLink" style="cursor:pointer;" onClick="...." title="<%=pHelper.getNameToolTip()%>">
en firefox la información de herramienta se mantiene allí hasta que se mueve el ratón, pero en IE sólo permanece allí durante unos 5 segundos y desaparece.
¿hay alguna manera de hacerlo durar más?
No con la información sobre herramientas incorporada del navegador, no.
Hay una gran cantidad de componentes de interfaz de usuario de tipo Tooltip que utilizan elementos DOM posicionados que le proporcionarán un control mucho más preciso de la presentación y la duración de la visualización. Nunca he usado uno así que no puedo responder por ninguno de ellos, así que no voy a vincular a ninguno. Buscar en Google "información sobre herramientas de JavaScript" le dará mucho. También hay muchos plug-ins de información sobre herramientas para bibliotecas existentes como jQuery.
No estoy seguro de si está dispuesto a usar jQuery, pero hay muchos complementos de herramientas que proporcionarán la funcionalidad que está buscando, junto con algunos extras.
Usted puede ser capaz de cambiar la respuesta en jquery dynamic tooltip a sus necesidades
Como han mencionado otros, no se puede cambiar la forma en que los navegadores por defecto sobre herramientas de visualización. También es muy limitado en sus capacidades de visualización. (por ejemplo, solo texto, sin control de diseño, envoltura o estilo, sin imágenes, ...) Utilicé jQuery Tooltip en el proyecto y funcionó muy bien. Le proporciona un alto grado de control sobre la información sobre herramientas, incluida la visualización de contenido arbitrario. Muy recomendable.
Una simple información de herramienta se pueden crear con sólo CSS, si no le importa la adición de un poco de HTML.
.tipLink{
color:#ff3333;
cursor:pointer;
position:relative;
}
.tip{
position:absolute;
display:none;
top:10px;
left:30px;
background-color:#dddddd;
border:1px solid black;
width:100px;
color:black;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
text-align:center;
}
.tipLink:hover .tip{
display:block;
}
y el código HTML se verá como
<div>Select as many as apply
<span class='tipLink'>?
<span class='tip'>Press Ctrl to choose more than one option.</span>
</span>
</div>
<br/>
Hola, me gusta esta solución. ¿Puedes decirme cómo adaptarlo a mi código? – code511788465541441
@ user51180 No estoy seguro exactamente a qué te refieres. Tienes algún contenido, entonces cuando tienes una palabra o lo que sea, quieres actuar como enlace. Lo colocas en una etiqueta span. Luego, dentro de eso, coloca otra etiqueta span con la información que desea que se muestre. – qw3n
Este ejemplo no funciona con IE11 o Chrome. – Necreaux