 |
|
|
If you use frames on your website, then it is possible to put the
PicoSearch search box in a side frame and have the results appear in a
main frame on the right. You may also wish to extend this example to
the use of an iframe, since iframes are a kind of frame. Just try the
following steps:
- In the frameset file which calls the child frames, use the name="main" attribute in the frame tag line for the right hand frame, the one in which you want the results to appear.
- Cut and paste the search box code into the side frame's html body.
- Add target="main" to the form tag line of the PicoSearch calling code. This will send the search engine into the frame which you named to be 'main'.
The following is a complete example for a good use of PicoSearch in frames, including the use of the PicoSearch tag PICOREDIRECT to reconstruct the frameset in its entirety for the sideframe when that
is itself selected in the search results (so it doesn't appear again in
the main frame), plus use of the standard meta tag ROBOTS NOINDEX to prevent the frameset from being indexed while still following and
indexing its child frame links. In the example code, we've bolded the
important lines for you to notice, and we've highlighted in yellow the
tags you will need to be sure to add. For more information on these
techniques, see What can I do about Framesets and Frames?
When you have understood the following basic code (which does include
some instructive customizations to your basic cut-and-paste PicoSearch
search box, which you should get from your own Account Manager), you can
also try the embellished working example online in a PicoSearch Free
account at this link: the PicoSearch Free Account frame example.
There you will notice use of the font, alternative logo, and
background options in the account setup as well (just to give you still
more ideas!).
index.html
<html>
<head>
<title>My Frameset Home Page</title>
<meta name="ROBOTS" content="NOINDEX" />
</head>
<frameset cols="240,*" frameborder="0" border="0">
<frame src="sideframe.html" noresize="noresize" />
<frame src="firstpage.html" name="main" />
<noframe>
<body>
You need a browser that can display frames to see this page.
</body>
</noframe>
</frameset>
</html>
sideframe.html
<html>
<head>
<title>My Sidebar Navigation Frame</title>
</head>
<body>
<!-- PICOREDIRECT="http://www.mysite.com/index.html" -->
<!-- Begin PicoSearch Code -->
<form method="GET" action="/cgi-bin/ts.pl" target="main">
Try PicoSearch on this site!
<input type="hidden" name="index" value="(your account id goes here)" />
<table bgcolor="#CCCCCC" cellspacing="0" cellpadding="0" border="0"><tr><td>
<table bgcolor="#CCCCCC" cellspacing="2" cellpadding="0" border="0">
<tr><td>
<a href="http://www.picosearch.com/" target="_top">
<img border="0" src="/picosmall4.gif" alt="PicoSearch" /></a></td>
<td><input type="text" name="query" value="" size="10" /></td>
<td><input type="submit" value="Search" />
</td></tr></table>
</td></tr></table>
</form>
<!-- End PicoSearch Code -->
Try my other links too!
etc.
</body>
</html>
firstpage.html
<html>
<head>
<title>My Main Frame Page 1</title>
</head>
<body>
This is my first page!
etc.
</body>
</html>
|
|
 |
|
|
