Automatically erasing search box text

[moorezilla]

Someone asked me to make the search box automatically erase the prepopulated text when someone clicks into it. I couldn't figure out how to do it with the existing module tags, so I added the following hack to action.default.php

On line 28 of action.default.php I added:

$dis = "onfocus=\"if(this.value==this.defaultValue) this.value='';\"";

and to line 33 I added the variable $dis to the end:

$this->smarty->assign('inputbox', $this->CreateInputText($id, 'searchinput', $searchtext, 20, 50, $dis));


This probably isn't the best way to do it, but it worked for me, so I'm passing it along. If anyone has a better way, please let me know. Otherwise, if you need it, enjoy.

[cyberman]

Like this one - will be my default for future ...

[moorezilla]

Maybe this could be rolled into the Search module as a default action?

I can't think of any situations where one wouldn't want the search text box to operate this way.

[british.assassin]

nice one, thanks .... i was trying to figure out how to do this myself

[moorezilla]

No problem, Bond. No problem.

[liquid]

Wonderful, thank you!

[tsw]

create new feature request in forge

[askme]

I am new to CMSMadeSimple..
But where is this file action.default.php is located? Which folder, subfolder of CMSmadeSimple

[webform]

On line 28 of action.default.php I added:

$dis = "onfocus="if(this.value==this.defaultValue) this.value='';"";

To extend it a little so it falls back to default if the user leave the searchbox without searching:

$dis = "onfocus="if(this.value==this.defaultValue) this.value='';""." onBlur="if(this.value=='') this.value=this.defaultValue;"";

[Elijah Lofgren]

I think I'll try getting this into the core.

[moorezilla]

Nice.

If you use a variable, my Rhodesian Ridgeback insists that you use "hogan" in his honor.

[Elijah Lofgren]

Applied: http://viewsvn.cmsmadesimple.org/viewsv ... w=rev 

Nice.

If you use a variable, my Rhodesian Ridgeback insists that you use "hogan" in his honor.

Done

Thanks for the patch!!! 

All future CMSMS versions should include this.

Thanks again,

Elijah

[moorezilla]

Nice! Very Nice!

[fiddle]

Is this only for the search module.? Can it work on pisearch, there is no such file under the pisearch module folder.  thanks

[Elijah Lofgren]

Is this only for the search module.? Can it work on pisearch, there is no such file under the pisearch module folder.  thanks

It's even easier on Pisearch.
1. Go to Content -> Pisearch
2. In the Form template
Replace this line:

Code: Select all

<input type="text" value="" maxlength="50" size="15" name="pisearch" id="searching" />

with this:

Code: Select all

<input type="text" value="Search Text..." maxlength="50" size="15" name="pisearch" id="searching" onfocus="if(this.value==this.defaultValue) this.value='';" />

Hope this helps,

Elijah