Setting tooltips for disabled input text boxes in javascript and CSS?

Title attribute tooltips don't work on disabled form elements. Your best bet is to cover the form element with a div when it is disabled and give the div the title.

Up vote 2 down vote favorite share g+ share fb share tw.

I am trying to display a tooltip when you hover over a textbox which has been disabled to indicate why the textbox has been disabled. Setting the title attribute works on IE but doesn't seem to work in Mozilla Firefox. Does anyone know of a simple solution in Javascript and CSS without using JQuery or any other Javascript library.

Javascript html css input tooltips link|improve this question asked Aug 16 '10 at 21:33Sneha111.

Title attribute tooltips don't work on disabled form elements. Your best bet is to cover the form element with a div when it is disabled and give the div the title. Do something like this: My text area 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. When you disable the form element change the div#txtAreaCover to be display:block; with JS.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.