[JS]点出统计器

更新时间：2006年07月30日 00:00:00 作者：

ff　　　默认不让改 status
opera9 测试通过
ie6 　　测试通过

这东西是给统计部门用的，分析用户习惯以改良网站布局。
只是写着玩的小东西，所以很多地方不太理想。

save() 方法是保存记录的,没仔细做,应该再加个判断浏览器,然后决定用 img 还是 iframe,以保证 request 一定能发出去.
onclick() 方法是触发事件时执行的

使用方法：

在任意页面中加入
script src="clickout.js"></script>
最好是放在 </body> 前面，目的是防止 onclick 事件覆盖。

<P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Layout 16</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><meta name="generator" content="HAPedit 3.1"><style type="text/css">html,body{margin:0;padding:0}body{font: 76% arial,sans-serif}p{margin:0 10px 10px}a{display:block;color: #981793;padding:10px}div#header h1{height:80px;line-height:80px;margin:0;  padding-left:10px;background: #EEE;color: #79B30B}div#content p{line-height:1.4}div#navigation{background:#B9CAFF}div#extra{background:#FF8539}div#footer{background: #333;color: #FFF}div#footer p{margin:0;padding:5px 10px}</P>
<P>div#wrapper{float:left;width:100%}div#content{margin-right: 400px}div#navigation{float:left;width:200px;margin-left:-200px}div#extra{float:left;width:200px;margin-left:-400px}div#footer{clear:left;width:100%}</style></head><body><div id="container"><div id="header"><h1>Header</h1></div><div id="wrapper"><div id="content"><p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p></P>
<P><p>very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column </p><p>fill long make long text very make long fill column make text very silly column filler silly text fill text filler filler filler make make make make text filler fill column filler make silly make text text fill make very filler column very </p><p>column text long column make silly long text filler silly very very very long filler fill very fill silly very make make filler text filler text make silly text text long fill fill make text fill long text very silly long long filler filler fill silly long make column make silly long column long make very </p></div></div><div id="navigation"><p><strong>2) Navigation here.</strong> long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler </p></div><div id="extra"><p><strong>3) More stuff here.</strong> very text make long column make filler fill make column column silly filler text silly column fill silly fill column text filler make text silly filler make filler very silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very </p></P>
<P></div><div id="footer"><p>Here it goes the footer</p></div></div><script>/* * 说明：点出统计器 * 作者：邓威 * 日期：2006-07-25 * 版本：v1.0 */</P>
<P>function ClickOut(){ this.oCO  = null; this.src_onclick = null; this.isDEBUG  = true || "status";</P>
<P> this.debug  = function(arg) {  if( this.isDEBUG == "status" ) window.status = arg.toString();  else if ( this.isDEBUG ) alert(arg.toString()); }</P>
<P> this.save  = function() {    var sUrl = "clickout.php?";  sUrl += "tag=" + encodeURIComponent(this.click_tag);  sUrl += "&type=" + encodeURIComponent(this.click_type);  sUrl += "&src=" + encodeURIComponent(this.click_src);  sUrl += "&text=" + encodeURIComponent(this.click_text);  this.oCO = document.createElement('<div id="ClickOut" style="width:0px;height:0px;"></div>');  document.body.appendChild(this.oCO);   document.getElementById("ClickOut").innerHTML =  '<img src="' + sUrl + '" style="display: none;" width="0px" height="0px" \/>';  return true; }</P>
<P> this.onclick  = function(args) {    if( this.src_onclick != null ) this.src_onclick(e);  var obj = event.srcElement;  var tag = obj.tagName.toLowerCase();    this.click_id  = obj.id?obj.id:null;  this.click_class = obj.className?obj.className:null;  this.click_name  = obj.name?obj.name:null;  this.click_tag  = tag;  this.click_parent = obj;  this.click_obj  = obj;  this.click_path  = tag;</P>
<P>  if( tag == "a" ) {   this.click_type = "text";   this.click_src = obj.href;   this.click_text = obj.innerHTML;  }  else if ( tag == "img" ) {   this.click_type = "pic";   this.click_src = obj.src;   this.click_text = obj.alt;  }  else if ( tag == "font" || tag == "b" || tag == "strong" ) {   this.click_type = "text";   this.click_src = "";   this.click_text = obj.innerHTML;  }  else {   this.click_type = "layer";   this.click_src = "" ;   this.click_text = obj.innerHTML;  }    this.GetParent();</P>
<P>  this.debug(this.click_path);  doSave(); }</P>
<P> this.GetParent  = function() {    if( !this.click_parent.parentNode.tagName ) return;  this.click_parent = this.click_parent.parentNode;    this.click_path = this.click_parent.tagName.toLowerCase() + "[ " +    (this.click_parent.id?("ID:" + this.click_parent.id):"") +    (this.click_parent.className?(" ,CLASS:" + this.click_parent.className):"") +    (this.click_parent.name?(" ,NAME:" + this.click_parent.name):"") +    " ]" + ">" + this.click_path;   this.GetParent(); }}</P>
<P>// 实例var objCO = new ClickOut();// 保存原有的 onclick 事件objCO.src_onclick = document.onclick;</P>
<P>function click_tmp() { objCO.onclick();}function doSave() { objCO.save();}</P>
<P>// bind eventdocument.onclick = click_tmp;</P>
<P> </P>
<P></script></body></html></P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

[JS]点出统计器

原生Javascript/原生JS修改CSS样式的4种方式简单示例
在网页开发中我们经常会用到JavaScript来操作网页元素,其中一个常见的操作就是修改元素的CSS样式,下面这篇文章主要给大家介绍了关于原生Javascript/原生JS修改CSS样式的4种方式,需要的朋友可以参考下
2024-03-03
使用JavaScript判断用户输入的是否为正整数(两种方法)
在项目开发中，需要使用JavaScript验证用户输入的是否为正整数，下面小编给大家分享两种方法，需要的朋友参考下
2017-02-02
Extjs显示从数据库取出时间转换JSON后的出现问题
后台从数据库取出时间，JSON格式化后再传到gridpanel，这时时间变成了：/Date(32331121223)/这样的格式,本文将详细介绍解决Extjs显示从数据库取出时间转换JSON后的出现问题
2012-11-11
javascript获取dom的下一个节点方法
这篇文章主要介绍了javascript获取dom的下一个节点方法,实现在页面点击加减按钮数字的累加，需要的朋友可以参考下
2014-09-09
JS模拟并美化的表单控件完整实例
这篇文章主要介绍了JS模拟并美化的表单控件实现方法,涉及javascript结合css样式美化表单的功能,非常美观实用,需要的朋友可以参考下
2015-08-08
使用impress.js制作幻灯片
impress.js是一款新兴的幻灯工具，它的效果类似Prezi，但是拥有3D的功能，而且是在MIT&GPL协议下开源，对于有一定的Web开发基础的人而言，真是一个福音，只需要简单的用些html指令，并加载impress.js就可以制作出一个缩放式幻灯，朋友们感兴趣吧，快来一起学习吧。
2015-09-09
LazyLoad 延迟加载(按需加载)
大型网站往往很矛盾，想用户在首页看到更多东西，又不想浪费太多服务器流量。比如一个有3屏的首页。可能50%的用户进首页的目的是点击首页的连接，到子页面。
2010-05-05
用js控制组织结构图可以任意拖拽到指定位置
用js控制生成了一个组织结构图并设置这个组织结构可以任意拖动到指定位置，具体代码如下
2014-01-01
JavaScript新增样式规则(推荐)
这篇文章主要介绍了JavaScript新增样式规则(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
js实现全国省份城市级联下拉菜单效果代码
这篇文章主要介绍了js实现全国省份城市级联下拉菜单效果代码,通过JavaScript针对数组的定义与元素的遍历实现省市级联菜单功能,非常具有实用价值,需要的朋友可以参考下
2015-09-09

[JS]点出统计器

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具