繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 页面划词搜索JS
- Javascript
- javascript动画效果类封装代码
- javascript关于复选框的实用脚本代码
- javascript使用Dom改变超链接前面文本框的值
- javascript select列表内容按字母倒序排序与按列表倒序排列
- （兼容ff/ie）td点击背景变色特效
- javascript跟随滚动条滚动的层(浮动AD效果)
- javascript按指定格式输出文件最后更新时间
- javascript实现的一个自定义长度的文本自动换行的函数。
- javascript模仿百万格子小的一小段代码
- 兼容FireFox 用javascript写的一个画图函数
- javascript写的一个表单动态输入提示的代码
- 不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果
- javascript一个判断浏览器类型的函数（类）
- 不错的用外部Javascript修正特定网页内容
- 找到了一篇jQuery与Prototype并存的冲突的解决方法
- 070823更新的一个[消息提示框]组件 兼容ie7
- 错误剖析之JavaScript的9个陷阱及评点
- 推荐一些非常不错的javascript学习资源站点
- 出现“不能执行已释放的Script代码”错误的原因及解决办法
- 给Javascript数组插入一条记录的代码
Javascript 中的 javascript 页面划词搜索JS
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 464 ::
收藏到网摘: n/a
这个脚本是网上的代码修改的，兼容各主流浏览器，优化页面异步加载的文字的检索提示框定位，根据选择文字位置与屏幕尺寸计算检索提示框定位。 基于Jquery修改，以下为全部脚本
复制代码 代码如下:
//划词搜索
var GLS = {};
GLS.startObj = null;
GLS.isdb = false;
GLS.allow = true;
GLS.isallow = function() {
if (GLS.allow) {
GLS.allow = false;
alert('Google搜索已关闭');
}
else {
GLS.allow = true;
alert('Google搜索已打开');
}
};
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; //检索框“Google搜索”的宽度
if (str.toString().length > 0) {
var windowWidth; //窗口的宽
//取得窗口的宽
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("<a class='GL_s' target='_blank' href='http://www.google.com/search?ie=UTF-8&oe=UTF-8&q=" + encodeURIComponent(str) + "'>Google搜索</a>");
}
else {
obj.css("display", "none");
}
};
//页面加载
$(document).ready(function() {
$(document.body).append("<div id='GLSearch'></div>");
$(document).mousedown(GLS.mousedown).dblclick(GLS.dblclick).mouseup(GLS.mouseup);
});
附上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;}
评论 (0) All
