Как сделать подсказку отображаться дольше в IE

Question

я получил следующий

<span id="pageLink" style="cursor:pointer;" onClick="...." title="<%=pHelper.getNameToolTip()%>"> 

в светлячок подсказка остается там, пока мышь не перемещается, но в IE это только остается там в течение приблизительно 5 сек и исчезает.

Есть ли способ сделать это дольше?

Answer 1

Не со встроенными подсказками для браузера, нет.

Есть тонны компонентов, похожих на подсказку, с использованием позиционированных элементов DOM, что даст вам гораздо более тонкий контроль над продолжительностью представления и отображения. Я никогда не использовал его, поэтому не мог поручиться ни за кого из них, поэтому я не буду ссылаться на него. Googling «Всплывающая подсказка JavaScript» доставит вам много. Существует также множество плагинов для всплывающих окон для существующих библиотек, таких как jQuery.

Answer 2

Не уверен, что вы склонны к использованию jQuery, но есть много плагинов для подсказок, которые обеспечат функциональность, которую вы ищете, а также некоторые дополнительные функции.

Answer 3

Вы можете быть в состоянии изменить ответ на jquery dynamic tooltip ваших потребностей

Answer 4

Как уже отмечалось другими, вы не можете изменить путь по умолчанию, браузеры отображают всплывающие подсказки. Вы также очень ограничены в своих возможностях отображения. (например, только текст, без контроля макета, обертывания или стилизации, без изображений, ...) Я использовал jQuery Tooltip для проекта, и это получилось очень хорошо. Он обеспечивает высокий уровень контроля над всплывающими подсказками, включая отображение произвольного содержимого. Настоятельно рекомендуется.

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

Answer 5

Простая подсказка может быть создан только с помощью CSS, если вы не возражаете, добавив немного 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; 
} 

и HTML будет выглядеть

<div>Select as many as apply 
<span class='tipLink'>? 
<span class='tip'>Press Ctrl to choose more than one option.</span> 
</span> 
</div> 
<br/>