IntraSITE Search™ Installation
Please Note: We recommend you have a good working knowledge of HTML before attempting to set up the IntraSITE Search engine. If you have trouble, please contact your webmaster or a local web services company for assistance.
After downloading and unzipping the IntraSITE Search package, complete the following steps:
1. Open up intrasite_search.php and set the following variables:
- Set "$this_site" to the domain name of your website:
$this_site = "yourwebsite.com";
NOTE: Make sure your path is correct! Any subfolders in your root path need to be included! e.g.: "example.com/subfolder/"
- Set "$search_start" to the name of your website's index file:
$search_start = "index.html";
2. Open up intrasite_search.js and set the following variables:
- Set intrasitePath as a link to the intrasite_search.php file relative
to the server root:
intrasitePath = "/intrasite_search.php";
NOTE: Make sure your path is correct! It should be relative to your server root. e.g.: "/subfolder1/intrasite_search.php"
-
Set submitButton to the element ID of the image/button/anchor that you want to use to submit your form. Leave this variable blank if you only want the user to be able to submit a search using the Enter key.
- Set searchBox to the element ID of the input box you want as your search box. To ensure the javascript works properly, please see that the input box is not inside a form tag.
3. Include the following on every page that you want IntraSITE Search to appear:
- Add the script reference for intrasite_search.js to your HTML header.
e.g.:
<head>
<script src="/intrasite_search.js" type="text/javascript"></script>
</head>
NOTE: Make sure this path is correct! It should be relative to your server root. e.g.: "/subfolder1/intrasite_search.js"
- Add the "intrasite_style.css" style sheet to your HTML header:
e.g.:
<head>
<link href="/intrasite_styles.css" rel="stylesheet" type="text/css" />
</head>
NOTE: Make sure your path is correct! It should be relative to your server root. e.g.: "/subfolder1/intrasite_styles.css"
- Include an input box on your page. Make sure the input box is not between form tags. Match the id of the search box to the id you set in step 2.
<input type="text" id="search_box" />
4. Adjust intrasite_styles.css to place the search results where you want on your page.
So, for example:
.ajaxsearch_container{
position: absolute;
top: 50px;
left: 50px;
width: 400px;
height: 500px;
text-align: left;
border: 1px solid #0b548e;
z-index: 9999;
}
Might change to:
.ajaxsearch_container{
position: absolute;
top: 100px;
left: 100px;
width: 400px;
height: 500px;
text-align: left;
border: 1px solid #0b548e;
z-index: 9999;
}
5. Upload everything to your server. This should generally include the following files:
- intrasite_search.php
- intrasite_search.js
- intrasite_styles.css
- search_images (folder)
- any other files you have made changes to (such as those you changed in step 3)
IntraSITE Search should now be working!