Home  >  Article  >  Web Front-end  >  Page word search based on jquery JS_jquery

Page word search based on jquery JS_jquery

WBOY
WBOYOriginal
2016-05-16 18:19:471080browse

Based on Jquery modification, the following are all scripts

Copy code The code is as follows:

//Code word Search
var GLS = {};
GLS.startObj = null;
GLS.isdb = false;
GLS.allow = true;
GLS.isallow = function() {
if (GLS.allow) {
GLS.allow = false;
alert('Google search is closed');
}
else {
GLS.allow = true;
alert('Google search is open');
}
};
GLS.dblclick = function() {
GLS.isdb = true;
};
GLS. mousedown = function(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (evt) {
GLS.startObj = (evt .target) ? evt.target : evt.srcElement;
}
};
GLS.mouseup = function(evt) {
var obj;
var strlen;
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (evt) {
obj = (evt.target) ? evt.target : evt.srcElement;
strlen = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;
}
var str = "";
if (obj.tagName != "A" && obj.tagName != "INPUT" && obj == GLS.startObj && !GLS.isdb && GLS.allow) {
if (strlen.length > 0) {
str = strlen;
}
}
GLS.search(str, evt);
GLS.isdb = false;
};
GLS.search = function(str, evt) {
var obj = $("#GLSearch");
var sDivWidth = 88; //The width of the search box "Google Search"
if (str.toString().length > 0) {
var windowWidth; //The width of the window
//Get the width of the window
if (self.innerWidth) {
windowWidth = self.innerWidth;
} else if (document.documentElement && document.documentElement .clientWidth) {
windowWidth = document.documentElement.clientWidth;
} else if (document.body) {
windowWidth = document.body.clientWidth;
}
obj.css({ 'display': 'block', 'position': 'absolute', 'zindex': '10000' });
var rX, rX, wT;
if ($.browser.msie) {
wT = (evt.clientX sDivWidth) - windowWidth;
rY = document.documentElement.scrollTop evt.clientY;
rX = document.documentElement.scrollLeft evt.clientX;
rY = (evt.clientY < ; 25) ? rY 5 : rY - 25;
rX = (wT > 0) ? rX - wT : rX 5;
}
else {
var sT = (document.documentElement. scrollTop > 0) ? document.documentElement.scrollTop : document.body.scrollTop;
wT = (evt.pageX sDivWidth) - windowWidth;
rY = ((evt.pageY - sT) < 25) ? evt.pageY 5 : evt.pageY - 25;
rX = (wT > 0) ? evt.pageX - wT : evt.pageX 5;
}
obj.css("top", rY );
obj.css("left", rX);
obj.html("Google Search");
}
else {
obj.css("display" , "none");
}
};

//Page loading
$(document).ready(function() {
$(document.body).append ("
");
$(document).mousedown(GLS.mousedown).dblclick(GLS.dblclick).mouseup(GLS.mouseup);
});------------Attach CSS/*search*/
a.GL_s{width:68px;height:20px;display:block;border:solid 1px #2b7ab7 ;line-height:20px;padding-left:18px;color:#084f10;font-size:12px;font-weight:bold;background:url(search.gif) no-repeat left;text-decoration:none;}
a.GL_s:link{filter:alpha(opacity=71);-moz-opacity:0.7;opacity: 0.7;}
a.GL_s:hover{filter:alpha(opacity=100);-moz -opacity:1.0;opacity: 1.0;}----------search.gif picture

Page word search based on jquery JS_jquery
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn