Comments on: Text box ‘hint’ values with jQuery

By: Andy

Andy — Mon, 07 Dec 2009 13:59:05 +0000

Is this a problem on one specific browser, or does it happen on multiple ones? Also, what version of jQuery are you using?

By: Ashish Upadhyay

Ashish Upadhyay — Mon, 07 Dec 2009 12:34:46 +0000

The css rule is correct, it is .hint

I have placed the entier jQuery script into my custom.js file.
I have attached this file in the head of html file.
with in , I have written the calling statement as following

$(function() {
$(‘#inpForwardOptions’).textboxhint({
hint: ‘Select / add phones’
});
});

I have commented the code and put into document ready, even though problem is still same
PROBLEM:
#1. CSS is not working
#2. on focus or click of inputbox test is not disappear
This problem is occured while pressing F5 to refresh the page

By: Andy

Andy — Mon, 07 Dec 2009 11:57:28 +0000

Hi Ashish,

A couple things to check… The css rule is “.hint” and not “hint”, right? Also, do you have the textboxhint call within a document ready/window load event handler so that the element is loaded before the js tries to update it?

By: Ashish Upadhyay

Ashish Upadhyay — Mon, 07 Dec 2009 09:13:30 +0000

This is very nice piece of code, which I found from couple of other code for same purpose, but only one problem I found, when I integrate in my application. The problem is
When the page is loaded the input box has applied css called hints, but when I press F5 to refresh the page that time the css “hints” is removed and the text in the inputbox appears with default css.

can u suggest, what the thing I missed out.
I have created a css as hint {background:#d3d3d3}
And
call this function as following
$(‘#inpForwardOptions’).textboxhint({
hint: ‘Select / add phones’
});