Как сделать так, чтобы всплывающая подсказка отображалась дольше в IE? - PullRequest
Новая
       24

Как сделать так, чтобы всплывающая подсказка отображалась дольше в IE?

9 голосов
/ 14 декабря 2010

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

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

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

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

Ответы [ 5 ]

5 голосов
/ 14 декабря 2010

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

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

0 голосов
/ 14 декабря 2010

Простая подсказка может быть создана только с помощью 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/>
0 голосов
/ 14 декабря 2010

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

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

0 голосов
/ 14 декабря 2010

Возможно, вы сможете изменить ответ на jquery динамическая подсказка в соответствии с вашими потребностями

0 голосов
/ 14 декабря 2010

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

...