Safari Search Field Widget for WordPress
![]()
As part of the redesign of this site I decided to implement my site search to support the ’search’ input type supported by Safari. It renders as the native OS X search field and can keep track of a user’s search history.
This widget is meant to be a drop-in replacement for the default WordPress search widget. To make sure other browsers aren’t confused, it checks the user-agent of the requesting browser and only serves the search element to Safari. Other browsers will get a standard text element. Optionally, this text element can be filled with placeholder text that is cleared on focus by javascript. If the widget title is left blank, no title will be displayed (which is ideal if using placeholder text).
To install, just toss safarisearchfield.php into your wp-content/plugins directory, activate the plugin, and add the widget to your sidebar.
not bad.. do you have more plugins that i might be able to use? i love widgets…
Comment by http://www.freeinfoz.com — December 18, 2006 @ 10:04 am
i don’t have much experience working with widgets, so i’m kind of confused. i put the safarisearchfield.php file in my plugins folder and activated it. but i don’t under stand what you mean when you say “add the widget to your sidebar.” how do i do that?
Comment by Airway Control — January 12, 2007 @ 11:34 pm
@Airway
You must have a widget enabled theme for WordPress, then go to Presentation>Sidebar Widgets to activate the plugin.
Comment by Mark — January 18, 2007 @ 12:41 pm
I was looking into WP widgets when U stumbled on this site. The safari search plugin interests me greatly. Unfortunately, I cannot find a place to download the PHP file on this site. Did you remove access to the file, or am I blind?
Comment by Zak Jensen — February 4, 2007 @ 12:35 am
This little widget is great. I had to to do some digging online to find the plugin for download though. Zak, I found it on one of the wordpress.org links to their plugin repositories, check there.
Reid, could you email me I have a question for you, but I can’t find your contact information anywhere. Thanks.
Comment by Jason Wietholter — February 20, 2007 @ 6:47 pm
That was a great plugin thanks to the main admin or the plugin maker for this
Comment by Gyanguru — February 27, 2007 @ 9:39 pm
I just internationalized this plugin, but can’t find a way to get it to you and out in the open. Can I send an email?
Comment by Jan — April 28, 2007 @ 10:30 am
Please take a look at this rough outline: http://home.tiscali.de/contactsheet/safaristyle-suche/
I know it’s neither perfect nor completely crossbrowser (you’d need to tinker a bit with Conditional Comments for IE and such). Maybe you want to adopt a few css-pieces from my example, in order to really have a Safari-Style-Search-Widget (and not only in Safari) currently your plugin only deserves it’s name while someone is really using safari
Regards.
Comment by Erik — September 10, 2007 @ 11:08 am