Разделы
Теги | RSS © 2008 – 2022
Контакты
email:
skype:
» » поиск

jQuery Plugin for On-demand Search Box: SeacrhMeme


jQuery Plugin for On-demand Search Box: SeacrhMeme

ДЕМО / СКАЧАТЬ

Поиск текста на странице


Поиск текста на странице

Поиск реализован на библиотеке jQuery и плагина для нее highlight который отвечает за подсветку найденого.
СКАЧАТЬ

Поиск на Ajax


Поиск на Ajax

HTML







Search Results


Type something into the input field


JS
function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
} else {
request_type = new XMLHttpRequest();
}
return request_type;
}

var http = createObject();

function searchNameq() {
searchq = encodeURI(document.getElementById('searchq').value);
document.getElementById('msg').style.display = "block";
document.getElementById('msg').innerHTML = "Searching for " + searchq+"";
// Set te random number to add to URL request
nocache = Math.random();
http.open('get', 'in-search.php?name='+searchq+'&nocache = '+nocache);
http.onreadystatechange =  searchNameqReply;
http.send(null);
}
function searchNameqReply() {
if(http.readyState == 4){
var response = http.responseText;
document.getElementById('search-result').innerHTML = response;
}
}

php in-search.php
include('config.php');
$searchq = $_GET['name'];
$getName = mysql_query('SELECT * FROM USER WHERE name LIKE "%'.addslashes($searchq).'%"');
while ($row = mysql_fetch_array($getName))
    echo $row['name'] . '
';
?>
Вверх