Настройка всплывающих подсказок для отключенных текстовых полей ввода в JavaScript и CSS - PullRequest
Новая
       12

Настройка всплывающих подсказок для отключенных текстовых полей ввода в JavaScript и CSS

2 голосов
/ 17 августа 2010

Я пытаюсь отобразить всплывающую подсказку, когда вы наводите курсор на текстовое поле, которое было отключено, чтобы указать, почему текстовое поле было отключено. Установка атрибута title работает в IE, но, похоже, не работает в Mozilla Firefox. Кто-нибудь знает простое решение в Javascript и CSS без использования JQuery или какой-либо другой библиотеки Javascript.

1 Ответ

1 голос
/ 17 августа 2010

Подсказки к атрибуту заголовка не работают с отключенными элементами формы.Лучше всего прикрыть элемент формы div, когда он отключен, и присвоить div заголовок.

Сделайте что-то вроде этого: 

<div style="position:relative;">
    <textarea>My text area</textarea>
    <div id="txtAreaCover" style="position:absolute; width:100%; height:100%; color:transparent; opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';  filter:alpha(opacity=0); top:0;left:0; z-index:1; display:none" title="I am disabled.">You will need text in here or IE will not fill the specified width and height. But since we are using opacity:0 and color transparent, it is not visible.</div>
</div>

Когда вы отключите изменение элемента формыdiv # txtAreaCover для отображения: блок;с JS.

...