2010-02-02 2 views
1

В моем файла JavaScript есть,Mouseover на текст HTML

var htm = '<div style="overflow:hidden;height:24px;width:150px;" onmouseover="tooltip(this)">' ; 

function tooltip(sp) 
{ 
    sp.title = sp.innerHTML; 
} 

Так при наведении мыши текст всплывающей подсказки является displayed.But подсказка не остается больше. что означает, что позиция не фиксирована. Можно ли изменить код таким образом, чтобы надпись над текстом и наконечником тоже была сделана ........

ответ

2

Если вам нужна встроенная всплывающая подсказка, в ней нет необходимости все, чтобы сделать это динамически. Просто введите HTML-элемент с атрибутом «title», содержащим требуемый текст. В браузере появится всплывающая подсказка при наведении указателя мыши. Если вам нужно что-то более интересное, вам, вероятно, стоит взглянуть на надстройку jQuery (или какую-то другую структуру).

+0

+1 - JQuery QTIP хорошо: http://craigsworks.com/projects/qtip/ – Sampson

+0

, если вы не заинтересованы в использовании JQuery/prototypejs только для всплывающей плагина, вы можете по следующей ссылке, HTTP : //amar-desh.net/myworks/javascript/ToolTip_using_javascript.aspx Спасибо. – Hoque

+0

Как добавить динамический текст в всплывающую подсказку? Как иная подсказка в зависимости от даты? Я не фокусируюсь на дате. Как пример. Также могут быть некоторые данные, извлеченные из запроса db в элемент html? –

0

Это стандартная подсказка, которая будет служить вам хорошо.

<div title="This is your tooltip">Some Text</div> 

Если затем вы хотите добавить на вершине этого, вы можете использовать атрибут заголовка, чтобы получить текст, который вы хотите отобразить в виде всплывающей подсказки, которая, как различные работы подсказке плагины.

Смежные вопросы