javascript page word search JS_javascript skills

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*/

Copy code The code is as follows :

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;}