SearchBox.XML 1.0 Demo



SearchBox.XML is a compact AJAX script that allows users to integrate any number of search engines to their websites.

The script comes with a set of 10 prefedined skins - Acid, Blue, Classic, Default, Green, Mac, MSDN, Vista, WeMakeSites
and WindowsXP, but creating a custom skin is a piece of cake.

The flexible rendering of SearchBox.XML makes the deployment of the script, adding, removing or setting options a matter of minutes.

Setting Up and Installing SearchBox.XML

  1. Register the runtime scripts of SearchBox.XML in the <head>...</head> section of your webpage: 
    <script type="text/javascript" src="Scripts/ContextMenuXml/Scripts/SearchBoxXml.js"></script>
  2. Register the following script, and edit the value of variable in red according to your folder structure.
    The searchBoxRootFolder variable represents the root folder of the SearchBox.XML directory:
    <script type="text/javascript">
var searchBoxRootFolder = 'Scripts';
</script>
  3. Open and edit Scripts/SearchBoxXml/SearchEnginesList.xml to add or remove search engines or set options to SearchBox.XML.
    Refer to INSTALLATION_INSTRUCTIONS.pdf for thorough explanation of the tags and properties of that file.

  4. Create an empty div tag, and give it id="searchboxxml":
    <div id="searchboxxml"><!-- SearchBox.XML Loader --></div>