I've been trying for quite some time but I still can't get it to work after following what everyone else has been doing?
Here's my livesearch.html file:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/...ml1-transitional.dtd">
<html>
<head>
<title>OhioBiz LiveSearch</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link href="livesearch.css" rel="stylesheet" media="screen" type="text/css" />
<script language="JavaScript" src="livesearch.js" type="text/javascript"></script>
</head>
<body onload="liveSearchInit()">
<h1>OhioBiz LiveSearch</h1>
<p>
Type the first few letters of your search query and see what happens...
</p>
<form name="searchform" method="get" action="/cgi-bin/search.cgi" onsubmit="return liveSearchSubmit()" >
<input type="text" id="livesearch" name="query" onkeypress="liveSearchStart()" size="25" />
<div id="LSResult" style="display: none;"><div id="LSShadow"></div></div>
</form>
<p>
The <a href="
http://blog4.bitflux.ch/wiki/LiveSearch">LiveSearch</a> feature was
originally written by <a href="
http://www.bitflux.ch/">bitflux</a> and adapted
to Links SQL by Ivan Herger.
</p>
</body>
</html>
Here's my livesearch.cgi file:
#!/usr/bin/perl
# +----------------------------------------------------------------------+
# | Copyright (c) 2004 Iyengar Yoga Resources |
# +----------------------------------------------------------------------+
# | Licensed under the Apache License, Version 2.0 (the "License"); |
# | you may not use this file except in compliance with the License. |
# | You may obtain a copy of the License at |
# |
http://www.apache.org/licenses/LICENSE-2.0 |
# | Unless required by applicable law or agreed to in writing, software |
# | distributed under the License is distributed on an "AS IS" BASIS, |
# | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or |
# | implied. See the License for the specific language governing |
# | permissions and limitations under the License. |
# +----------------------------------------------------------------------+
# | Author: yogi <
info@iyengar-yoga.com> |
# +----------------------------------------------------------------------+
use strict;
use lib '/home/ohiobiz/public_html/dir/cgi-bin/admin';
use Links qw/$CFG $DB $IN/;
local $SIG{__DIE__} = \&Links::fatal;
Links::init('/home/ohiobiz/public_html/dir/cgi-bin/admin');
main();
sub main {
my $t = $DB->table('links2SearchLogs');
$t->select_options('ORDER by HitCount DESC', 'LIMIT 10');
my $q = $IN->param('query');
my $cond = GT::SQL::Condition->new( 'Term', 'LIKE', "$q%");
my $sth = $t->select($cond);
my $base ='http://dir.ohiobiz.com/cgi-bin/search.cgi?query';
print "Content-Type: text/xml\n\n";
if ($t->hits) {
print qq|<ul class="LSRes">|;
while (my $result = $sth->fetchrow_hashref) {
print qq|<li class="LSRow" onmouseover="liveSearchHover(this)" onclick="liveSearchClicked(this)"><a href="$base=$result->{Term}" name="$result->{Term}">$result->{Term}</a> <span style="color:green;overflow:hidden;">$result->{Results} results</span></li>\n|;
}
print qq|</ul>|;
}
}
Here's my livesearch.js file:
/*
// +----------------------------------------------------------------------+
// | Copyright (c) 2004 Bitflux GmbH |
// +----------------------------------------------------------------------+
// | Licensed under the Apache License, Version 2.0 (the "License"); |
// | you may not use this file except in compliance with the License. |
// | You may obtain a copy of the License at |
// |
http://www.apache.org/licenses/LICENSE-2.0 |
// | Unless required by applicable law or agreed to in writing, software |
// | distributed under the License is distributed on an "AS IS" BASIS, |
// | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or |
// | implied. See the License for the specific language governing |
// | permissions and limitations under the License. |
// +----------------------------------------------------------------------+
// | Author: Bitflux GmbH <
devel@bitflux.ch> |
// | Modified for use with Links SQL: Ivan Herger <
info@iyengar-yoga.com> |
// +----------------------------------------------------------------------+
*/
var liveSearchReq = false;
var t = null;
var liveSearchLast = "";
var isIE = false;
// on !IE we only have to initialize it once
if (window.XMLHttpRequest) {
liveSearchReq = new XMLHttpRequest();
}
function liveSearchInit() {
if (navigator.userAgent.indexOf("Safari") > 0) {
document.getElementById('livesearch').addEventListener("keydown",liveSearchKeyPress,false);
// document.getElementById('livesearch').addEventListener("blur",liveSearchHide,false);
} else if (navigator.product == "Gecko") {
document.getElementById('livesearch').addEventListener("keypress",liveSearchKeyPress,false);
document.getElementById('livesearch').addEventListener("blur",liveSearchHideDelayed,false);
} else {
document.getElementById('livesearch').attachEvent('onkeydown',liveSearchKeyPress);
// document.getElementById('livesearch').attachEvent("onblur",liveSearchHide,false);
isIE = true;
}
document.getElementById('livesearch').setAttribute("autocomplete","off");
}
function liveSearchHideDelayed() {
window.setTimeout("liveSearchHide()",400);
}
function liveSearchHide() {
document.getElementById("LSResult").style.display = "none";
var highlight = document.getElementById("LSHighlight");
if (highlight) {
highlight.removeAttribute("id");
}
}
function liveSearchKeyPress(event) {
if (event.keyCode == 40 )
//KEY DOWN
{
highlight = document.getElementById("LSHighlight");
if (!highlight) {
highlight = document.getElementById("LSShadow").firstChild.firstChild;
} else {
highlight.removeAttribute("id");
highlight = highlight.nextSibling;
}
if (highlight) {
highlight.setAttribute("id","LSHighlight");
var queryName = highlight.firstChild.getAttribute("name")
liveSearchLast = queryName;
document.forms.searchform.query.value = queryName;
}
if (!isIE) { event.preventDefault(); }
}
//KEY UP
else if (event.keyCode == 38 ) {
highlight = document.getElementById("LSHighlight");
if (!highlight) {
highlight = document.getElementById("LSResult").firstChild.firstChild.lastChild;
}
else {
highlight.removeAttribute("id");
highlight = highlight.previousSibling;
}
if (highlight) {
highlight.setAttribute("id","LSHighlight");
var queryName = highlight.firstChild.getAttribute("name")
liveSearchLast = queryName;
document.forms.searchform.query.value = queryName;
}
if (!isIE) { event.preventDefault(); }
}
//ESC
else if (event.keyCode == 27) {
highlight = document.getElementById("LSHighlight");
if (highlight) {
highlight.removeAttribute("id");
}
document.getElementById("LSResult").style.display = "none";
}
}
function liveSearchStart() {
if (t) {
window.clearTimeout(t);
}
t = window.setTimeout("liveSearchDoSearch()",200);
}
function liveSearchDoSearch() {
if (typeof liveSearchRoot == "undefined") {
liveSearchRoot = "";
}
if (typeof liveSearchRootSubDir == "undefined") {
liveSearchRootSubDir = "";
}
if (typeof liveSearchParams == "undefined") {
liveSearchParams = "";
}
if (liveSearchLast != document.forms.searchform.query.value) {
if (liveSearchReq && liveSearchReq.readyState < 4) {
liveSearchReq.abort();
}
if ( document.forms.searchform.query.value == "") {
liveSearchHide();
return false;
}
if (window.XMLHttpRequest) {
// branch for IE/Windows ActiveX version
} else if (window.ActiveXObject) {
liveSearchReq = new ActiveXObject("Microsoft.XMLHTTP");
}
liveSearchReq.onreadystatechange= liveSearchProcessReqChange;
liveSearchReq.open("GET", "
http://dir.ohiobiz.com/...livesearch.cgi?query=" + document.forms.searchform.query.value + liveSearchParams);
liveSearchLast = document.forms.searchform.query.value;
liveSearchReq.send(null);
}
}
function liveSearchProcessReqChange() {
if (liveSearchReq.readyState == 4) {
var res = document.getElementById("LSResult");
res.style.display = "block";
var sh = document.getElementById("LSShadow");
sh.innerHTML = liveSearchReq.responseText;
}
}
function liveSearchSubmit() {
var highlight = document.getElementById("LSHighlight");
if (highlight && highlight.firstChild) {
window.location = liveSearchRoot + liveSearchRootSubDir + highlight.firstChild.getAttribute("href");
return false;
}
else {
return true;
}
}
function liveSearchHover(el) {
highlight = document.getElementById("LSHighlight");
if (highlight) {
highlight.removeAttribute("id");
}
el.setAttribute("id","LSHighlight");
document.searchform.query.focus();
}
function liveSearchClicked(el) {
highlight = document.getElementById("LSHighlight");
if (highlight) {
highlight.removeAttribute("id");
}
el.setAttribute("id","LSHighlight");
return liveSearchSubmit();
}
So, I not sure why nothing showing up in the search box. Any ideas? permission issues?
Thanks for anyone's advice.
mgeyman