博客园-never-online's Tech Blog In cnblog

[how to] googlemap 之 javascript实现方法

never-online — Wed, 19 Jul 2006 16:54:00 GMT

阅读: 245 评论: 0 作者: never-online 发表于 2006-07-20 00:54 原文链接

这是一个很典型的一个background-position-x的应用。
预备知识：
background-position-x ------------- 背景图的X坐标。
background-position-y ------------- 背景图的Y坐标。

event.clientX ------------------------鼠标的X坐标。
event.clientY ------------------------鼠标的Y坐标。

JSON --------------------------------- 现在似乎很流行这个词，自从ajax in action出来后，更火了一把，从广义的角色上讲就是javascript的关联数组。JSON(JavaScript Object Notation) 也就是类似这样 var o={name:"never-online",web:"http://www.never-online.net"}从而可以这样用o.name, o.web或者o['name']，o['web']这样的数组关系形式。

问题解决思路：
这个map的主要难点在于，坐标的准确性，也就是鼠标移动时得到background-position的坐标方向。
如果解决掉上面的这个问题，成功了一大半。

我采用惯用的方法
坐标=用鼠标移动后的坐标-原始我们存进的坐标。

原始坐标得到方法为：neverOnlineMap._wrapper.X = event.clientX-parseInt(x.backgroundPositionX);
即用鼠标当前位置-图像背景的X坐标
图片背景坐标=鼠标位置-原始位置
Y坐标和X坐标类似，不再重复。neverOnlineMap._wrapper.Y = event.clientY-parseInt(x.backgroundPositionY);

源码如下：

xml version="1.0" encoding="UTF-8"?>
DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> neverOnlineMap - http://www.never-online.net
<meta http-equiv="ImageToolbar" content="no" />
<meta name="author" content="KaiyuanLau, never-online, BlueDestiny"/>
<meta name="keywords" content="never modules, Mozilla CSS, C#, .net, Refercence, BlueDestiny, never-online"/>
<meta name="description" content="BlueDestiny, never-online"/>
<meta name="title" content=" - http://www.never-online.net" />
<meta name="creator.name" content="KaiyuanLau, never-online, BlueDestiny" />
<style type="text/css" media="all" title="Default">

style>
<script type="text/javascript">
//
/**
using javascript implement map drag - neverOnlineMap
Power By - never-online, BlueDestiny
* Web - http://www.never-online.net
* Email - BlueDestiny ### 126.com ### replace @
* Permission given to use this script in ANY kind of applications if
* header lines are left unchanged.
*/
var neverOnlineMap =
{
_wrapper: null,
_viewer: null,
_X: 0,
_Y: 0,
_width: "100px",
_height: "100px",
_moved: false,
_mapimage: "http://www.blueidea.com/articleimg/2005/04/2499/20050420002401.jpg",

init: function(o)
{
this._wrapper=o.wrapper;
this._width=o.width;
this._height=o.height;
this._X=o.x;
this._Y=o.y;
this._mapimage=o.map;
this._viewer=o.viewer;
var x=this._wrapper.style;
x.height=this._height; x.width=this._width; x.cursor="move";
x.backgroundImage="url("+this._mapimage+")";
x.backgroundPositionX=this._X;
x.backgroundPositionY=this._Y;
x.backgroundRepeat="no-repeat";
this._wrapper.onmousedown=this.start;
this._wrapper.onmousemove=this.move;
this._wrapper.onmouseup=this.end;
},

start: function(o)
{
var x=neverOnlineMap._wrapper.style;
neverOnlineMap._moved=true;
neverOnlineMap._wrapper.X = event.clientX-parseInt(x.backgroundPositionX);
neverOnlineMap._wrapper.Y = event.clientY-parseInt(x.backgroundPositionY);
neverOnlineMap.view_coordinate({x:x.backgroundPositionX,y:x.backgroundPositionY});
},

move: function()
{
if (!neverOnlineMap._moved) return;
var x=neverOnlineMap._wrapper.style;
x.backgroundPositionX=event.clientX-neverOnlineMap._wrapper.X;
x.backgroundPositionY=event.clientY-neverOnlineMap._wrapper.Y;
neverOnlineMap.view_coordinate({x:x.backgroundPositionX,y:x.backgroundPositionY});
neverOnlineMap._wrapper.setCapture();
},

end: function()
{
neverOnlineMap._wrapper.releaseCapture();
neverOnlineMap._moved=false;
},

view_coordinate: function(o)
{
neverOnlineMap._viewer.innerHTML="坐标 - x:"+o.x+",y:"+o.y;
}

}
onload=function foo()
{
function getElById(idStr) {
return document.getElementById(idStr);
}
neverOnlineMap.init({
viewer:getElById("coordinateViewer"),
wrapper:getElById("mapwrapper"),
x:0,y:0,width:"150px",
height:"200px",
map:"http://www.blueidea.com/articleimg/2005/04/2499/20050420002604.jpg"
})
}
//]]>
script>
<body id="www.never-online.net">
<div id="mapwrapper">div>
<div id="coordinateViewer">div>
body>
html>

评论: 0　查看评论　发表评论

找优秀程序员，就在博客园

最新新闻：
· ASP.NET MVC 2 正式版发布(2010-03-13 12:18)
· 八成开源软件兼容Windows(2010-03-13 10:43)
· 索尼下一步：追赶苹果还是超越自我(2010-03-13 10:33)
· Google公布5大主流浏览器JavaScript测试结果(2010-03-13 10:23)
· 微软下周展示IE9(2010-03-13 10:12)

编辑推荐：ASP.NET MVC 2 正式版发布

网站导航：博客园首页个人主页新闻闪存小组博问社区知识库

NCC Tools(never code counter tools) V1.0.1代码统计工具源码[hta]

never-online — Wed, 12 Jul 2006 15:19:00 GMT

阅读: 237 评论: 0 作者: never-online 发表于 2006-07-12 23:19 原文链接

代码统计工具
把源代码存为(hta)文件，因为hta文件没有状态栏，所以我这里建议大家存为html文件，这样可以在状态栏下看到

NCC扫描的进度，我这里把NCC的maxloop设置为3000，所以文件统计到3000的时候，会自动终止，以防文件夹中文件太多造成运行的负担。

主要功能有-
1。可自己选择文件夹，或者单个文件。
2。自己选择文件后缀名进行统计
3。output information输出的数据有：
文件个数，
文件的代码字节数，
单词个数，
代码行数，
总代码字节数
总代码行数。
4。可以把代码统计结果用SaveAs存为html或者txt文件。

xml version="1.0" encoding="UTF-8"?>
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> NCC Tools - http://www.never-online.net
<hta:application id="NCC"
applicationname="NCC application"
border="thin"
borderstyle="normal"
caption="yes"
icon="http://www.never-online.net/images/icon.ico"
maximizebutton="no"
minimizebutton="yes"
showintaskbar="no"
singleinstance="yes"
sysmenu="yes"
version="1.01"
windowState="normal"/>
<meta http-equiv="ImageToolbar" content="no" />
<meta name="author" content="BlueDestiny, never-online"/>
<meta name="keywords" content="never modules, Mozilla CSS, C#, .net, Refercence, BlueDestiny, never-online, www.never-online.net"/>
<meta name="description" content="BlueDestiny, never-online"/>
<meta name="title" content="never code counter (NCC) - http://www.never-online.net" />
<meta name="creator.name" content="Genius Lau, never-online, blueDestiny" />
<style type="text/css" media="all" title="Default">
body { background-color:buttonface; }
body,td,input { font:9pt tahoma; }
h1 { text-align:center; font-weight: bold; font-family: tahoma; font-size: 16pt; }
fieldset { height:300px; }
legend { font-weight: bolder; }
.btn { border-left:4px solid #444; border-top:1px solid #444; border-bottom:1px solid #444; border-right:1px solid #444; }
.two { width:200px; }
.txt { border:1px solid #444; }
.file { display:none; width:300px; border-left:4px solid #444; border-top:1px solid #444; border-bottom:1px solid #444; border-right:1px solid #444; }
#loading { display:none; filter:alpha(opacity=70); border:1px solid #444444; background-color:appworkspace; color:#ffffff; width:300px; font-size:13px; font-weight:bold; font-family:arial; padding:10px; position:absolute; top:0; left:0; }
#left { line-height:200%; width:50%; padding:20px; }
#left ul { margin:0 0 0 10px; }
#left li { list-style-type: decimal; margin:20px 10px 15px 10px; }
#footer { font-size:11px; text-align:center; }
#right { padding:20px; width:50%; }
#outputWrapper { padding:10px; }
style>
<script type="text/javascript">
//

//======================================================================================
//
// Module : NCC - never code counter V1.01 beta
// Script by : never-online, blueDestiny
// Updated : 2006-6-25
// Copyright : Miracle technology all reserved
// Website : http://www.never-online.net
// Email : blueDestiny@126.com
// Blog : http://blog.csdn.net/blueDestiny, http://blog.never-online.net/
// Comment : Permission given to use this script in ANY kind of applications if
// header lines are left unchanged.
//
//======================================================================================

//====================================================================================
// Ultity Function
var doc = document, wnd = window;
String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ''); };
Array.prototype.push = function(x) { this[this.length] = x; };
Array.prototype.pop = function() { return this[this.length-1]; };
//====================================================================================
var NCC =
{
// Private Variables
_maxloop : 3000,
_version : "1.02 beta",
_author : "BlueDestiny, never-online",
_webURI : "http://www.never-online.net",
_lines : {"total":0},
_bytes : {"total":0},
_files : {"total":0},
_words : {"total":0},
_error : {},
_filesExts : "cs,js,asp,xml,aspx",
_fsoObj : new ActiveXObject("Scripting.FileSystemObject")
// make sure Your fso activeXObject is availd. otherwise can not runing next code
};
// Public Functions API
NCC.splash = function()
{

};
NCC.init = function()
{
var fileDlgObjStr = '<object id="filepathDlg"'
+' width="0px" height="0px"'
+' classid="CLSID:F9043C85-F6F2-101A-A3C9-08002B2F49FB"'
+' codebase="http://activex.microsoft.com/controls/vb5/comdlg32.cab">'
+'object>';
var folderDlgObjStr = '<object id="folderpathDlg"'
+' classid="CLSID:13709620-C279-11CE-A49E-444553540000"'
+' width="0" height="0">'
+'object>';
var loadingObjStr = '<div id="loading">div>';
doc.body.insertAdjacentHTML("beforeEnd", fileDlgObjStr);
doc.body.insertAdjacentHTML("beforeEnd", folderDlgObjStr);
doc.body.insertAdjacentHTML("beforeEnd", loadingObjStr);
}
NCC.chkFileExts = function(filenameStr)
{
var a = this._filesExts.trim().split(",");
var f = this.getFileExts(filenameStr);
for (var i=0; i<a.length; i++)
if (f.toLowerCase() == a[i].toLowerCase()) return true;
return false;
};
NCC.output = function(wrapperID)
{
var k, x; x=[];
x.push("------------- Files -------------");
// -- part of files --
for (k in this._files)
x.push("[" +k+ "]: " +this._files[k]+ "");
// -- part of words --
x.push("------------- Words -------------");
for (k in this._words)
x.push("[" +k+ "]: " +this._words[k]+ "");
// -- part of bytes --
x.push("------------- Bytes -------------");
for (k in this._bytes)
x.push("[" +k+ "]: " +this._bytes[k]+ "");
// -- part of lines --
x.push("------------- Lines -------------");
for (k in this._lines)
x.push("[" +k+ "]: " +this._lines[k]+ "");
x = x.join("\n");
if (wrapperID) {
var a = doc.all(wrapperID), t=a.tagName.toLowerCase();
if (!a) return wnd.alert("HTMLElement ID \"" +wrapperID+ "\" is not valid!");
if (t=="input" || t=="textarea") a.value = x;
else a.innerHTML = x.replace(/\n/,"
");
}
return x;
};
NCC.saveAs = function(elIdorStr)
{
var dlg = doc.all("filepathDlg");
var a = doc.all(elIdorStr);
if (a) {
var t = a.tagName.toLowerCase();
var fileStr = (t=="input" || t=="textarea") ? a.value : a.innerHTML.replace(/<br(\/)?>/g, "\n");
} else {
fileStr = elIdorStr;
}
dlg.cancelError=true;
try {
dlg.filter="Text Files (*.txt)|*.txt|HTM Files (*.htm)|*.htm";
dlg.showSave();
var f = this._fsoObj.CreateTextFile(dlg.filename,true);
f.write(fileStr);
f.Close();
} catch(ex) {};
};
NCC.setFilesExt = function(filesExtsStr)
{
this._filesExts = filesExtsStr;
return true;
};
NCC.getFilesExts = function()
{
return this._filesExts;
};
NCC.getFileExts = function(filenameStr)
{
var a=filenameStr.split(".");
return a[a.length-1].toLowerCase();//a.pop()
};
NCC.selectSingleFile = function()
{
var dlg = doc.all("filepathDlg");
var fps = doc.all("filepathStr");
var fes = this._filesExts;
var filename="", filter="", arr=[];
arr = fes.trim().split(",");
for (var i=0; i<arr.length; i++)
filter += arr[i].toUpperCase() +" Files (*." +arr[i]+ ")|*." +arr[i]+ "" +(i==arr.length-1?"":"|");
dlg.cancelError=true;
try {
dlg.filter = filter;
dlg.showOpen();
filename = dlg.filename;
} catch(ex) {};
if (filename.trim()=="") return false;
fps.value = filename;
if (!this.chkFileExts(filename)) return wnd.alert("File Extension name \"" +filename+ "\" is not valid!");
return filename;
};
NCC.selectFolder = function()
{
var dlg = doc.all("folderpathDlg");
try {
var pathObj = dlg.browseForFolder(0,"Please Select Folder：",0);
var pathStr = pathObj.parentFolder.parseName(pathObj.Title).path;
return pathStr;
} catch(ex) { return false };
};
NCC.countFolder = function(folderpathStr)
{
var ldg = doc.all("loading");
with (ldg.style) {
display = "block";
top = parseInt((doc.body.clientHeight-ldg.offsetHeight)/2);
left = parseInt((doc.body.clientWidth-ldg.offsetWidth)/2);
}; ldg.innerHTML = ""center\">Now Counting

";
      wnd.status = "NCC Counting";
if (!this._fsoObj.FolderExists(folderpathStr)) {
this.countSingleFile(folderpathStr);
} else {
var cnt = 0;
function iterator(folderpathStr) {
var a = NCC._fsoObj.getFolder(folderpathStr);
var e = new Enumerator(a.files)
for (; !e.atEnd(); e.moveNext()) {
            NCC.countSingleFile(e.item());
            if (cnt++>=NCC._maxloop) return;
          }

var f = new Enumerator(a.subFolders)
for (; !f.atEnd(); f.moveNext()) {
            iterator(f.item());
            if (cnt++>=NCC._maxloop) return;
          }
}
iterator(folderpathStr);
}
ldg.innerHTML = ""center\">NCC Count Completely."
wnd.status = "NCC Count Completely.";
wnd.setTimeout(function(){ldg.style.display = "none";},3000);
};
NCC.countSingleFile = function(filepathStr)
{
var x, a, f, e;
var ldg = doc.all("loading");
if (!this._fsoObj.FileExists(filepathStr)) return false;
f = this._fsoObj.GetFile(filepathStr);
if (this.chkFileExts(f.name))
      {
        var o = f.openAsTextStream(1);
        if (o.atEndOfStream) { x = ""; } else { x = o.ReadAll(); }
        x = x.replace(/(\n|\r)+/mg,"$1");
        a = x.split("\n");
        e = this.getFileExts(f.name);
        this._bytes["total"] += x.length;
        this._bytes[e] ? this._bytes[e]+=x.length : this._bytes[e]=x.length;
        this._lines["total"] += a.length;
        this._lines[e] ? this._lines[e]+=a.length : this._lines[e]=a.length;
        a = x.replace(/(\s|\t| )+/g," ").split(" ");
        this._words["total"] += a.length;
        this._words[e] ? this._words[e]+=a.length : this._words[e]=a.length;
        this._files["total"] ++;
        this._files[e] ? this._files[e]++ : this._files[e]=1;
      }
wnd.status = "NCC(\"" +f.path+ "\")";
ldg.innerHTML = "now count \"" +f.name+ "\"."
      return this.chkFileExts(f.name)
};
NCC.formatSingleFile = function(filepathStr)
{

};
//====================================================================================
function window.onload() {
NCC.init();
wnd.resizeTo(800,480);
      doc.all("outputWrapper").value = "";
setFilesExts();//setFilesExts.call(this);
}
function setFilesExts() {
doc.all("filesExts").value = NCC.getFilesExts();
}
function output() {
/*
var e = event.srcElement;
var a = doc.body.all;
for (var i=0; i if (a[i].tagName.toLowerCase()=="input") {
if (a[i]!=e) a[i].disabled=true;
}
}
*/
      NCC.setFilesExt(doc.all("filesExts").value)
NCC.countFolder(doc.all('filepathStr').value);
NCC.output('outputWrapper');
}
function changeFileExt() {
var groupfileExts = doc.all("groupfileExt");
var fileExtStr = [];
for (var i=0; i<groupfileExts.length; i++) {
if (groupfileExts[i].checked)
fileExtStr.push(groupfileExts[i].value);
}
NCC.setFilesExt(fileExtStr.join(","));
setFilesExts();
}
function selectSingleFile(val) {
     if (!NCC.selectSingleFile()) return "";
doc.all(val).value = NCC.selectSingleFile();
}
function selectFolder(val) {
var a = NCC.selectFolder();
if (a==false) return "";
doc.all(val).value = a;
}
function saveAs() {
NCC.saveAs('outputWrapper');
//NCC.saveAs(NCC.output());
}
//]]>
script>
head>
<body id="www.never-online.net">
<h1> NCC (never code counter) tools - http://www.never-online.net
<fieldset>
<legend> - Application NCC (never code counter) -legend>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" id="left">
<ul>
<li>
<input name="filepathStr" type="text" class="txt" value="type your file or folder path" size="30">
<input class="btn" type="button" value=" FILE " onclick="selectSingleFile('filepathStr')"/>
<input class="btn" type="button" value="FOLDER" onclick="selectFolder('filepathStr')"/>
li>
<li>
<input name="groupfileExt" value="asp" type="checkbox" checked onclick="changeFileExt()"/>
.asp
<input name="groupfileExt" value="js" type="checkbox" checked onclick="changeFileExt()"/>
.js
<input name="groupfileExt" value="xml" type="checkbox" checked onclick="changeFileExt()"/>
.xml
<input name="groupfileExt" value="aspx" type="checkbox" checked onclick="changeFileExt()"/>
.aspx
<input name="groupfileExt" value="cs" type="checkbox" checked onclick="changeFileExt()"/>
.cs
<br/>
<input name="filesExts" type="text" class="txt" id="filesExts" value="" size="40">
li>
<li>
<input class="btn two" type="button" value="Output Information" onclick="output()"/>

li>
<li>
<input class="btn two" type="button" value="Information Save As" onclick="saveAs();"/>
li>
ul>
<div id="footer">
<p>
NCC V1.01 beta Power By BlueDestiny, never-online
<br/>
More code please visit <a href="http://www.never-online.net" target="_blank" title="visit my site">http://www.never-online.net
p>
div>
td>
<td align="left" valign="top" id="right">
<fieldset>
<legend>- Output Information -legend>
<textarea id="outputWrapper" style="border:0; background-color:buttonface; width:96%; height:100%;">textarea>
fieldset>
td>
tr>
table>
fieldset>
body>
html>

评论: 0　查看评论　发表评论

找优秀程序员，就在博客园

编辑推荐：ASP.NET MVC 2 正式版发布

网站导航：博客园首页个人主页新闻闪存小组博问社区知识库

以前写的客户端（DHTML）的分页，一个Object。

never-online — Thu, 06 Jul 2006 19:54:00 GMT

阅读: 108 评论: 0 作者: never-online 发表于 2006-07-07 03:54 原文链接

  1DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2<HTML>
  3<HEAD>
  4<TITLE> New Document TITLE>
  5<META NAME="Generator" CONTENT="EditPlus">
  6<META NAME="Author" CONTENT="">
  7<META NAME="Keywords" CONTENT="">
  8<META NAME="Description" CONTENT="">
  9<style>
10* {
11font-size:10.2pt;
12font-family:tahoma;
13line-height:150%;
14}
15.divContent
16{
17border:1px solid red;
18background-color:#FFD2D3;
19width:500px;
20word-break:break-all;
21margin:10px 0px 10px;
22padding:10px;
23}
24style>
25HEAD>
26<BODY>
27header
28<div id="divPagenation">div>
29<div id="divContent">div>
30footer
31<SCRIPT LANGUAGE="JavaScript">
32
208SCRIPT>
209BODY>
210HTML>

评论: 0　查看评论　发表评论

找优秀程序员，就在博客园

编辑推荐：ASP.NET MVC 2 正式版发布

网站导航：博客园首页个人主页新闻闪存小组博问社区知识库

Javascript - HTML的request类

never-online — Thu, 29 Jun 2006 09:22:00 GMT

阅读: 3101 评论: 0 作者: never-online 发表于 2006-06-29 17:22 原文链接

做中英转换的时候，要准确的获取参数并取出，所以做了一个简单的html中用js获取当取地址栏的一个Object。
里面有三个方法：
1、request.QueryString("参数")//获取指定参数，返回字符串;
2、request.QueryStrings();//获取全部参数，并返回数组;
3、request.setQuery("参数","参数的值");//如果当前地址栏有此参数，那么将更新此参数，否则返回一个新的地址栏参数字符串。
例如：
当前地址栏参数字符串为：?name=a&site=never_online

alert(request.setQuery("name","blueDestiny"))

如果地址栏参数中有"name"，那么返回?name=blueDestiny&site=never_online

setQuery方法有自动追加参数的功能。如：
当前地址栏参数字符串为：?site=never_online
alert(request.setQuery("name","blueDestiny"))
则返回?site=never_online&name=blueDestiny

同理，如果地址栏没有参数，也会自动追加参数
alert(request.setQuery("name","blueDestiny"))
返回?name=blueDestiny

1<SCRIPT LANGUAGE="JavaScript">
2
36SCRIPT>

评论: 0　查看评论　发表评论

找优秀程序员，就在博客园

编辑推荐：ASP.NET MVC 2 正式版发布

网站导航：博客园首页个人主页新闻闪存小组博问社区知识库

简单的做了一个像126邮箱那样的模拟模态框

never-online — Thu, 29 Jun 2006 09:22:00 GMT

阅读: 274 评论: 1 作者: never-online 发表于 2006-06-29 17:22 原文链接

1xml version="1.0" encoding="UTF-8"?>
2DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head>
5 <title> simulate dialog - http://www.never-online.net
6 <meta http-equiv="ImageToolbar" content="no" />
7 <meta name="author" content="BlueDestiny, never-online"/>
8 <meta name="keywords" content="never modules, Mozilla CSS, C#, .net, Refercence, BlueDestiny, never-online, www.never-online.net"/>
9 <meta name="description" content="BlueDestiny, never-online"/>
10 <meta name="title" content="simulate dialog - http://www.never-online.net" />
11 <meta name="creator.name" content="Genius Lau, never-online, blueDestiny" />
12 <style type="text/css" media="all" title="Default">
13    body { background-color:appworkspace; }
14    .button { font-size:9pt; font-family:verdana; border-left:4px solid #444; border-top:1px solid #444; border-bottom:1px solid #444; border-right:1px solid #444; }
15 style>
16 <script type="text/javascript">
17 //
18    Browser = {};
19    Browser.isIE = document.all?true:false;
20  function neverDialog(e, msg, handler) {
21    // Script by BlueDestiny, never-online
22    // Simple simulate modal dialog
23    // welcome to http://blog.never-online.net
24    // http://blog.csdn.net/BlueDestiny/
25    // and keep these copyright
26    window._x = null;
27    if (e) e.srcElement ? e.srcElement.blur() : e.target.blur();
28    if (_x) window.clearTimeout(_x);
29    var $=document.getElementById;
30    var d = $("dialog");
31    var a = $("demo");
32    var Htmls = "";
33    var cnt = 20;
34    Htmls += "\n"
35            + "\n"
36            + ""text/css\">\n"
37            + "body { margin:40px; background-color:#eeeeee; }\n"
38            + "* { font-size:9pt; font-family:verdana; }\n"
39            + ".bold { font-weight:bold; }\n"
40            + ".button { width:100px; border-left:4px solid #444; border-top:1px solid #444; border-bottom:1px solid #444; border-right:1px solid #444; }\n"
41            + "\n"
42            + "\n"
43            + "\n"
44            + "never dialog demo, just a test, http://blog.never-online.net

\n"
45 + "" +msg+ "

\n"
46 + "\n"
47 + "

"demo\").style.display=\"none\";" +(handler?";top.window."+handler+"":"")+ "\'/>\n"
48 + "

"demo\").style.display=\"none\";top.window.document.body.style.overflow=\"\"'/>"
49 + "

\n"
50            + "\n"
51            + ""
52    d.contentWindow.document.open("text/html");
53    d.contentWindow.document.write(Htmls);
54    d.contentWindow.document.close();
55      with(a.style) {
56        display = "block";
57        left="0px";
58        top="0px";
59        width=document.body.clientWidth;
60        height=document.body.scrollHeight;
61      }
62    function f_alpha() {
63      if (cnt>=80) {
64        window.clearTimeout(_x);
65        return;
66      }
67      // if ie
68      a.style.filter="alpha(opacity=" +(cnt++)+")";
69      // mozilla
70      _x = window.setTimeout(f_alpha, 1);
71    }
72    f_alpha();
73    //document.body.style.overflow = "hidden";
74  }

75  function handler() {
76    neverDialog(event,'welcome to http://blog.never-online.net');
77  }
78 //]]>
79 script>
80head>
81<body id="www.never-online.net" margin="0">
82<input type="button" value="Excute it" onclick="neverDialog(event,'Are You Sure To Excute it?','handler()')" class="button"/>
83<div height="100%" width="100%" style="display:none;position:absolute;-moz-opacity:0.6" id="demo">
84<iframe id="dialog" height="100%" width="100%" frameborder="0" marginheight="0" marginwidth="0" style="font-size:9pt; font-family:verdana;">
85iframe>
86div>
87
88<p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p><p>   p>
89body>
90html>

评论: 1　查看评论　发表评论

找优秀程序员，就在博客园

编辑推荐：ASP.NET MVC 2 正式版发布

网站导航：博客园首页个人主页新闻闪存小组博问社区知识库

我的cnblog刚开张，这里就专写些.net和JS的文章了...

never-online — Thu, 29 Jun 2006 04:23:00 GMT

阅读: 49 评论: 0 作者: never-online 发表于 2006-06-29 12:23 原文链接

上面的代码一个是在window.status里做循环并实时显示，一个是在innerHTML里做循环并实时显示，但是在innerHTML里的代码并没有像在status里一样按我们预先做的那样显示出来，而是显示
now process is "999"
所以只能用setTimeout或者setInterval来显示。

    var cnt=0;
    function finnerHtml() {
        if (cnt++>=1000) return;
        document.getElementById("demo").innerText = "now process is \"" +cnt+ "\"";
        window.setTimeout(finnerHtml,10)
    }

但是这样一来，却带来很多的不方便，比如什么时候执行完毕，再调用window.setTimeout(finnerHtml,10)时，又要控制。

综上所述，还是用status是最好的，虽然不太显眼

评论: 0　查看评论　发表评论

找优秀程序员，就在博客园

编辑推荐：ASP.NET MVC 2 正式版发布

网站导航：博客园首页个人主页新闻闪存小组博问社区知识库