Does anyone know how to add default text such as "Enter part number or keyword" to the site search box?

Thanks!

Where ctl00_ctl07_search is the id of your search box, and Search Here is the text you want to show up there.

Thanks for your quick reply! I guess there's no way to have the text disappear on mouseclick like most websites? It's a pain to have to delete the text before typing in your search term.

Also, do I just stick the code in my footer?

And another question, is there a way to make the text automatically disappear when you click in the box?

Y'all are needy aren't you? (IMG:http://forums.networksolutions.com/style_emoticons/default/wink.gif)



Where ctl00_ctl07_search is the id of your search input box, and Search Here is the text you want to automatically appear.

Oh, and your footer should work just fine. Be sure to turn off your wysiwyg editor before pasting the code in!

HaHa, we must have been typing at the same time I guess. (IMG:http://forums.networksolutions.com/style_emoticons/default/embarassed.gif) Thanks for the script. Worked perfectly.

Bendur you are awesome. Thanks so much!

How can I use the code to populate both the email address field and product search? I've tried it several ways and the text in only 1 field will disappear, while the other stays there.

You'd most likely have to paste the code twice, once with ctl00_ctl07_search and once with whatever your email field is. I'll admit I'm not sure on this one, but you can probably try it and see.

Great thread, should be sticky.

thread pinned

Can I get some help with this, I followed all the instructions but its still not working. Please see code below.

<ns:search customtext="Search" type="custom" />


<script type="text/javascript">
var el = document.getElementById("ctl00_ctl03_ct100_search");
var helpText = "Product Search";
el.value = helpText;
el.onfocus = function() {if (this.value == helpText) { el.value = "";}};
el.onblur = function() {if (this.value == "") { el.value = helpText;}}
</script>

SOS which site are you trying this on? Depending on which site and where (left or right column) the search is, it will change the actual ID. So I just wanted to make sure first that you were the correct ID.

Sorry its www.soslightbulbs.com

I used firebug to get the column ID, I had this working previously and it just stopped!!!

Great Thread.

To change the style of the text...what would the code be (i.e. to make it italic)?

Having difficulty getting this to work. Right now have just an empty box with a go button - which is how I wanted it to look, only would like the customer to know what to do with the empty box! (IMG:http://forums.networksolutions.com/style_emoticons/default/smile.gif)

note: I did not build left nav. using modules. I used one column of custom html and insterted ns: code.

code I used for search function: <ns:search type="default" />

Not sure why the java script won't work for "search here"


TIA!

Design/Site Design/Columns/Left side columns, Search Site-click the pencil to edit, the Module Name is Search SIte,
which can be edited, and in the text/html box at Header Text you can add text there. Hope this helps.

Yes, I understand how to edit this area I built the html that goes in there, I couldn't figure out why this code would not work for my site. Seems it's part of the CSS that we do not have access to.
Thanks for trying to help!