Comments on: Text Field Auto-Fill http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/ Thu, 28 Aug 2008 14:56:15 +0000 http://wordpress.org/?v=2.5.1 By: joatBlog http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11781 joatBlog Tue, 22 Jun 2004 10:44:42 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11781 <trackback /><strong>Fill/clear forms</strong> Scripty Goddes shows how to pre-fill a field entry and how to auto-clear it if the user clicks on the field.... Fill/clear forms
Scripty Goddes shows how to pre-fill a field entry and how to auto-clear it if the user clicks on the field….

]]> By: Code Novice http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11162 Code Novice Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11162 <trackback /><strong>Scripty's Text Area Twofer</strong> I'm creating a proposal for a possible corporate client and... Scripty’s Text Area Twofer
I’m creating a proposal for a possible corporate client and…

]]> By: blogroll.co.uk http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11161 blogroll.co.uk Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11161 <trackback /><strong>Tweak</strong> Using a piece of code posted to Scripty Godesses page, I now have the Search bar in the top right a little more compact than it was ... not a big tweak, but cool non the less.... Tweak
Using a piece of code posted to Scripty Godesses page, I now have the Search bar in the top right a little more compact than it was … not a big tweak, but cool non the less….

]]> By: blogroll.co.uk http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11160 blogroll.co.uk Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11160 <trackback /><strong>Tweak</strong> Using a piece of code posted to Scripty Godesses page, I now have the Search bar in the top right a little more compact than it was ... not a big tweak, but cool non the less.... Tweak
Using a piece of code posted to Scripty Godesses page, I now have the Search bar in the top right a little more compact than it was … not a big tweak, but cool non the less….

]]> By: eric http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11156 eric Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11156 So this works great but how do I adapt it to work on a text area? I need the multi line text area to have the "Message:" disappear when you click into that area. I want it to be consistent with the other form elements that I have established. So this works great but how do I adapt it to work on a text area?

I need the multi line text area to have the “Message:” disappear when you click into that area. I want it to be consistent with the other form elements that I have established.

]]> By: eric http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11157 eric Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11157 So this works great but how do I adapt it to work on a text area? I need the multi line text area to have the "Message:" disappear when you click into that area. I want it to be consistent with the other form elements that I have established. So this works great but how do I adapt it to work on a text area?

I need the multi line text area to have the “Message:” disappear when you click into that area. I want it to be consistent with the other form elements that I have established.

]]> By: Mark J http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11158 Mark J Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11158 It's slightly different with a textarea, because the default value isn't specified in a <i>value="Message:"</i> switch, but is actually between the starting and ending textarea tags. So this is what you want. <blockquote><textarea name="text" onFocus="if(this.value==this.defaultValue)value=''" onBlur="if(this.value=='')value=this.defaultValue;">Message:</textarea></blockquote> It’s slightly different with a textarea, because the default value isn’t specified in a value=”Message:” switch, but is actually between the starting and ending textarea tags. So this is what you want.

<textarea name=”text” onFocus=”if(this.value==this.defaultValue)value=”” onBlur=”if(this.value==”)value=this.defaultValue;”>Message:</textarea>

]]> By: Mark J http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11159 Mark J Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11159 Actually, I just discovered that the <b>this.defaultValue</b> method works for text inputs as well. You still have to specify a <b>value="Search"</b> switch, but instead of having to specify it 3 times like in Jenn's original method, you only have specify it as the <b>value</b> once. Like so: <blockquote><input name="search" type="text" onfocus="if(this.value==this.defaultValue)value=''" onblur="if(this.value=='')value=this.defaultValue;" value="Search" size="10" maxlength="200"></blockquote> Actually, I just discovered that the this.defaultValue method works for text inputs as well. You still have to specify a value=”Search” switch, but instead of having to specify it 3 times like in Jenn’s original method, you only have specify it as the value once.

Like so:

<input name=”search” type=”text” onfocus=”if(this.value==this.defaultValue)value=”” onblur=”if(this.value==”)value=this.defaultValue;” value=”Search” size=”10″ maxlength=”200″>

]]> By: Nancy http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11155 Nancy Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11155 Funny thing... When I add name and id attributes to my input field like this: <input type="text" onfocus="if(this.value=='url')value='';" onblur="if(this.value=='')value='url';" value="url" <b>id="url" name="url"</b>/> the onfocus and onblur only work after I click in the field Any ideas why? I've tried everything! Funny thing…
When I add name and id attributes to my input field like this:

<input type=”text” onfocus=”if(this.value==’url’)value=”;” onblur=”if(this.value==”)value=’url’;” value=”url” id=”url” name=”url”/>

the onfocus and onblur only work after I click in the field
Any ideas why? I’ve tried everything!

]]> By: Julie W http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11154 Julie W Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/04/01/text-field-auto-fill/#comment-11154 OK. Confession time here: I've never written a script in my life, but I am a computer-literate user of a system that's under construction where we'd really like to be able to have a combi box (i.e. something you can type into that ALSO drops down, preferably showing just those items in the drop down list that match what's already been typed - though frankly, the string matching part of it would be a bonus). If it helps to understand what we're after, it's an order processing system, and the idea is to be able to type a product code if you know it (in which case the product description then gets added to a separate box), but have a dropdown list of options to choose from if you don't know the product code or can only guess at part of it. As an extra challenge, ideally the dropdown list would display both the code and the description field (but only select the code to fill in the code box). At the moment, we have a text entry box. If the script finds an exact match to the product code entered by the user, it fills in the description in another (editable) text box. Otherwise it populates new drop down boxes with items that contain the text either in the product code or the description, which is somewhat clumsy, and then the product code can be selected from these, and the description filled in on the Product Description text box as before. (NB: The code and description are held separately because customers never get to see the product code, but we use it internally for sales reports.) So, I was very interested in Xipoher's comment above "You could combine this with a dropdown box and that would make it a editable dropdownbox". How would you do this? I've been searching the web for ages now to find a way to do it with no success. OK. Confession time here: I’ve never written a script in my life, but I am a computer-literate user of a system that’s under construction where we’d really like to be able to have a combi box (i.e. something you can type into that ALSO drops down, preferably showing just those items in the drop down list that match what’s already been typed - though frankly, the string matching part of it would be a bonus).

If it helps to understand what we’re after, it’s an order processing system, and the idea is to be able to type a product code if you know it (in which case the product description then gets added to a separate box), but have a dropdown list of options to choose from if you don’t know the product code or can only guess at part of it. As an extra challenge, ideally the dropdown list would display both the code and the description field (but only select the code to fill in the code box).

At the moment, we have a text entry box. If the script finds an exact match to the product code entered by the user, it fills in the description in another (editable) text box. Otherwise it populates new drop down boxes with items that contain the text either in the product code or the description, which is somewhat clumsy, and then the product code can be selected from these, and the description filled in on the Product Description text box as before. (NB: The code and description are held separately because customers never get to see the product code, but we use it internally for sales reports.)

So, I was very interested in Xipoher’s comment above “You could combine this with a dropdown box and that would make it a editable dropdownbox”. How would you do this? I’ve been searching the web for ages now to find a way to do it with no success.

]]>