BlogJava-This Is A FineDay-随笔分类-JShttp://www.blogjava.net/fine/category/13718.htmlzh-cnMon, 26 May 2008 17:12:13 GMTMon, 26 May 2008 17:12:13 GMT60带time的date校验http://www.blogjava.net/fine/archive/2007/09/29/149501.htmlPeter PanPeter PanSat, 29 Sep 2007 02:54:00 GMThttp://www.blogjava.net/fine/archive/2007/09/29/149501.htmlhttp://www.blogjava.net/fine/comments/149501.htmlhttp://www.blogjava.net/fine/archive/2007/09/29/149501.html#Feedback0http://www.blogjava.net/fine/comments/commentRss/149501.htmlhttp://www.blogjava.net/fine/services/trackbacks/149501.html  1
 2 < script language = " javascript " >
 3 <!--
 4 function Checkform(form)
  5 {
  6    var rr =/^ [ 1 - 9 ]\d { 3 } - ( ? :( ? : 0 [ 1 - 9 ]) | ( ? : 1 [ 0 - 2 ])) - ( ? :( ? :[ 0 - 2 ][ 1 - 9 ]) | ( ? :[ 1 - 3 ][ 0 - 1 ])) ( ? :( ? :[ 0 - 2 ][ 0 - 3 ]) | ( ? :[ 0 - 1 ][ 0 - 9 ])):[ 0 - 5 ][ 0 - 9 ]:[ 0 - 5 ][ 0 - 9 ]$ /
 7    if ( ! rr.test(form.date.value)) {
  8     alert( ' 请输入正确的时间格式，如：2007-09-29 10:50:00 ' );
  9     form.date.focus();
 10      return   false ;
 11   }
12   alert( ' ok! ' );
 13    return   true ;
 14 }
15 // -->
16 </ script >
17 < form name = " form1 "  method = " post "  action = ""  onSubmit = " return Checkform(this); " >
18    < input name = " date "  type = " text "  id = " date "  size = " 20 "  maxlength = " 19 " >
19    < input type = " submit "  name = " Submit "  value = " 提交 " >
20 </ form >

Peter Pan 2007-09-29 10:54 发表评论
]]>(转)document对象详解http://www.blogjava.net/fine/archive/2007/08/24/139142.htmlPeter PanPeter PanFri, 24 Aug 2007 09:13:00 GMThttp://www.blogjava.net/fine/archive/2007/08/24/139142.htmlhttp://www.blogjava.net/fine/comments/139142.htmlhttp://www.blogjava.net/fine/archive/2007/08/24/139142.html#Feedback0http://www.blogjava.net/fine/comments/commentRss/139142.htmlhttp://www.blogjava.net/fine/services/trackbacks/139142.html[web编程]document对象详解
document 文挡对象 - JavaScript脚本语言描述
---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
    否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------
对象属性
document.title              //设置文档标题等价于HTML的<title>标签
document.bgColor            //设置页面背景色
document.fgColor            //设置前景色(文本颜色)
document.linkColor          //未点击过的链接颜色
document.alinkColor         //激活链接(焦点在此链接上)的颜色
document.vlinkColor         //已点击过的链接颜色
document.URL                //设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate    //文件建立日期，只读属性
document.fileModifiedDate   //文件修改日期，只读属性
document.fileSize           //文件大小，只读属性
document.cookie             //设置和读出cookie
document.charset            //设置字符集 简体中文:gb2312
---------------------------------------------------------------------
常用对象方法
document.write()                   //动态向页面写入内容
document.createElement(Tag)        //创建一个html标签对象
document.getElementById(ID)        //获得指定ID值的对象
document.getElementsByName(Name)   //获得指定Name值的对象
document.body.appendChild(oTag)
---------------------------------------------------------------------

body-主体子对象
document.body                //指定文档主体的开始和结束等价于<body></body>
document.body.bgColor        //设置或获取对象后面的背景颜色
document.body.link           //未点击过的链接颜色
document.body.alink          //激活链接(焦点在此链接上)的颜色
document.body.vlink          //已点击过的链接颜色
document.body.text           //文本色
document.body.innerText      //设置<body>...</body>之间的文本
document.body.innerHTML      //设置<body>...</body>之间的HTML代码
document.body.topMargin      //页面上边距
document.body.leftMargin     //页面左边距
document.body.rightMargin    //页面右边距
document.body.bottomMargin   //页面下边距
document.body.background     //背景图片

document.body.appendChild(oTag) //动态生成一个HTML对象

常用对象事件
document.body.onclick="func()"           //鼠标指针单击对象是触发
document.body.onmouseover="func()"       //鼠标指针移到对象时触发
document.body.onmouseout="func()"        //鼠标指针移出对象时触发
---------------------------------------------------------------------
location-位置子对象

document.location.hash       // #号后的部分
document.location.host       // 域名+端口号
document.location.hostname   // 域名
document.location.href       // 完整URL
document.location.pathname   // 目录部分
document.location.port       // 端口号
document.location.protocol   // 网络协议(http:)
document.location.search     // ?号后的部分

documeny.location.reload()       //刷新网页
document.location.reload(URL)    //打开新的网页
document.location.assign(URL)    //打开新的网页
document.location.replace(URL)   //打开新的网页
---------------------------------------------------------------------
selection-选区子对象
document.selection
---------------------------------------------------------------------

images集合(页面中的图象)

a)通过集合引用
document.images              //对应页面上的<img>标签
document.images.length       //对应页面上<img>标签的个数
document.images[0]           //第1个<img>标签          
document.images[i]           //第i-1个<img>标签

b)通过nane属性直接引用
<img name="oImage">
document.images.oImage       //document.images.name属性

c)引用图片的src属性
document.images.oImage.src   //document.images.name属性.src

d)创建一个图象
var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"
同时在页面上建立一个<img>标签与之对应就可以显示

<html>
<img name=oImage>
<script language="javascript">
    var oImage
    oImage = new Image()
    document.images.oImage.src="1.jpg"
</script>
</html>

<html>
<script language="javascript">
    oImage=document.caeateElement("IMG")
    oImage.src="1.jpg"
    document.body.appendChild(oImage)
</script>
</html>

----------------------------------------------------------------------

forms集合(页面中的表单)

a)通过集合引用
document.forms                  //对应页面上的<form>标签
document.forms.length           //对应页面上<form>标签的个数
document.forms[0]               //第1个<form>标签
document.forms[i]               //第i-1个<form>标签
document.forms[i].length        //第i-1个<form>中的控件数
document.forms[i].elements[j]   //第i-1个<form>中第j-1个控件

b)通过标签name属性直接引用
<form name="Myform"><input name="myctrl"></form>
document.Myform.myctrl          //document.表单名.控件名

c)访问表单的属性
document.forms[i].name          //对应<form name>属性
document.forms[i].action        //对应<form action>属性
document.forms[i].encoding      //对应<form enctype>属性
document.forms[i].target        //对应<form target>属性

document.forms[i].appendChild(oTag) //动态插入一个控件
-----------------------------------------------------------------------
<html>
<!--Text控件相关Script-->
<form name="Myform">
<input type="text" name="oText">
<input type="password" name="oPswd">
<form>
<script language="javascript">
//获取文本密码框的值
document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script>
</html>
-----------------------------------------------------------------------
<html>
<!--checkbox,radio控件相关script-->
<form name="Myform">
<input type="checkbox" name="chk" value="1">1    
<input type="checkbox" name="chk" value="2">2    
</form>    
<script language="javascript">    
function fun(){    
   //遍历checkbox控件的值并判断是否选中    
   var length    
   length=document.forms[0].chk.length    
   for(i=0;i<length;i++){    
   v=document.forms[0].chk[i].value    
   b=document.forms[0].chk[i].checked    
   if(b)    
     alert(v=v+"被选中")    
   else    
     alert(v=v+"未选中")   
   }    
   }    
</script>     
<a href=# onclick="fun()">ddd</a>                     
</html>
-----------------------------------------------------------------------
<html>
<!--Select控件相关Script-->
<form name="Myform">
<select name="oSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>

<script language="javascript">
    //遍历select控件的option项
    var length
    length=document.Myform.oSelect.length
    for(i=0;i<length;i++)
    document.write(document.Myform.oSelect[i].value)
</script>

<script language="javascript">
    //遍历option项并且判断某个option是否被选中
    for(i=0;i<document.Myform.oSelect.length;i++){
    if(document.Myform.oSelect[i].selected!=true)
    document.write(document.Myform.oSelect[i].value)
    else
    document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")  
    }
</script>

<script language="javascript">
    //根据SelectedIndex打印出选中的option
    //(0到document.Myform.oSelect.length-1)
    i=document.Myform.oSelect.selectedIndex
    document.write(document.Myform.oSelect[i].value)
</script>

<script language="javascript">
    //动态增加select控件的option项
    var oOption = document.createElement("OPTION");
    oOption.text="4";
    oOption.value="4";
    document.Myform.oSelect.add(oOption);
</script>
<html>
-----------------------------------------------------------------------
<Div id="oDiv">Text</Div>
document.all.oDiv                               //引用图层oDiv               
document.all.oDiv.style.display=""              //图层设置为可视
document.all.oDiv.style.display="none"          //图层设置为隐藏
document.getElementId("oDiv")                   //通过getElementId引用对象
document.getElementId("oDiv").style=""
document.getElementId("oDiv").display="none"
/*document.all表示document中所有对象的集合
只有ie支持此属性，因此也用来判断浏览器的种类*/

图层对象的4个属性
document.getElementById("ID").innerText   //动态输出文本
document.getElementById("ID").innerHTML   //动态输出HTML
document.getElementById("ID").outerText   //同innerText
document.getElementById("ID").outerHTML   //同innerHTML

<html>
<script language="javascript">
function change(){
document.all.oDiv.style.display="none"
}
</script>
<Div id="oDiv" onclick="change()">Text</Div>
</html>

<html>
<script language="javascript">
function changeText(){
document.getElementById("oDiv").innerText="NewText"
}
</script>
<Div id="oDiv" onmouseover="changeText()">Text</Div>
</html>
 



Peter Pan 2007-08-24 17:13 发表评论
]]>select挡住div的5种解决方法 (转)http://www.blogjava.net/fine/archive/2007/08/07/134941.htmlPeter PanPeter PanTue, 07 Aug 2007 05:53:00 GMThttp://www.blogjava.net/fine/archive/2007/08/07/134941.htmlhttp://www.blogjava.net/fine/comments/134941.htmlhttp://www.blogjava.net/fine/archive/2007/08/07/134941.html#Feedback0http://www.blogjava.net/fine/comments/commentRss/134941.htmlhttp://www.blogjava.net/fine/services/trackbacks/134941.html
select挡住div的5种解决方法
 

在IE中,select属于window类型控件，它会“挡住”所有非window类型控件
可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的，
他们被渲染在客户区的绘画表面上，
而select是使用的标准windows控件，只是作为客户区的子控件放置而已，
它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件，
比如iframe和其他的select，如果你使用过类似Delphi这样的环境就会自然理解。IE7解决了此类BUG。

有多种种办法;
1. 修改select，不用标准select，而是自己用其他html元素模拟
2. 修改你的div，使用iframe。
3. 在div被显示的时候或者到达select所在位置时隐藏select
4. 在div中或div的同一坐标上，用相同尺寸的iframe先遮挡一下，然后在iframe上显示div的内容。
5.Object对象的优先度较高,可以挡住select框

以下例子系网上资源整理

原址：http://hi.baidu.com/suofang/blog/item/72f2f7ed23f2324e78f055c4.html

第4种方法的例子：最好的方法：iframe来当作div的底

Div被Select挡住，是一个比较常见的问题。   
      有的朋友通过把div的内容放入iframe或object里来解决。   
      可惜这样会破坏页面的结构，互动性不大好。   
    
      这里采用的方法是：   
    
      虽说div直接盖不住select   
      但是div可以盖iframe，而iframe可以盖select,   
      所以，把一个iframe来当作div的底，   
      这个div就可以盖住select了.   


<html>
<head>
<script>
function DivSetVisible(state)
{
var DivRef = document.getElementById('PopupDiv');
var IfrRef = document.getElementById('DivShim');
if(state)
{
DivRef.style.display = "block";
IfrRef.style.width = DivRef.offsetWidth;
IfrRef.style.height = DivRef.offsetHeight;
IfrRef.style.top = DivRef.style.top;
IfrRef.style.left = DivRef.style.left;
IfrRef.style.zIndex = DivRef.style.zIndex - 1;
IfrRef.style.display = "block";
}
else
{
DivRef.style.display = "none";
IfrRef.style.display = "none";
}
}
</script>
</head>
<body>
<form>
<select>
<option>A Select Box is Born ....</option>
</select>
</form>
<div id="PopupDiv" style="position:absolute; top:25px; left:50px; padding:4px; display:none; background-color:#000000; color:#ffffff; z-index:100">
.... and a DIV can cover it up<br/>through the help of an IFRAME.
</div>
<iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;">
</iframe>
<br/>
<br/>
<a href="#" onclick="DivSetVisible(true)">Click to show DIV.</a>
<br/>
<br/>
<a href="#" onclick="DivSetVisible(false)">Click to hide DIV.</a>
</body>
</html>

第3种方法的例子：最直接的方法:隐藏下拉框.

下面提供的是一个比较通用的一组函数:

test.htm

------------

<script>
var HideElementTemp = new Array();
//点击菜单时，调用此的函数,菜单对象
function cal_hideElementAll(obj){
            cal_HideElement("IMG",obj);
            cal_HideElement("SELECT",obj);
            cal_HideElement("OBJECT",obj);
            cal_HideElement("IFRAME",obj);
}
function cal_HideElement(strElementTagName,obj){
try{
        var showDivElement = obj;
        var calendarDiv = obj;
        var intDivLeft = cal_GetOffsetLeft(showDivElement);
        var intDivTop = cal_GetOffsetTop(showDivElement);//+showDivElement.offsetHeight;
        //HideElementTemp=new Array()
        for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
var objTemp = window.document.all.tags(strElementTagName)[i];
if(!objTemp||!objTemp.offsetParent)
         continue;
var intObjLeft=cal_GetOffsetLeft(objTemp);
var intObjTop=cal_GetOffsetTop(objTemp);
if(((intObjLeft+objTemp.clientWidth)>intDivLeft)&&
        (intObjLeft<intDivLeft+calendarDiv.style.posWidth)&&
        (intObjTop+objTemp.clientHeight>intDivTop)&&
        (intObjTop<intDivTop+calendarDiv.style.posHeight)){
         //var intTempIndex=HideElementTemp.length;//已经有的长度
      //save elementTagName is stutas
         //HideElementTemp[intTempIndex]=new Array(objTemp,objTemp.style.visibility);
         HideElementTemp[HideElementTemp.length]=objTemp
         objTemp.style.visibility="hidden";
            }
        }
}catch(e){alert(e.message)
}
}

function cal_ShowElement(){
        var i;
        for(i=0;i<HideElementTemp.length; i++){
var objTemp = HideElementTemp[i]
if(!objTemp||!objTemp.offsetParent)
         continue;
objTemp.style.visibility=''
        }
        HideElementTemp=new Array();
}
function cal_GetOffsetLeft(src){
        var set=0;
        if(src && src.name!="divMain"){
            if (src.offsetParent){
               set+=src.offsetLeft+cal_GetOffsetLeft(src.offsetParent);
}
if(src.tagName.toUpperCase()!="BODY"){
         var x=parseInt(src.scrollLeft,10);
         if(!isNaN(x))
                set-=x;
}
        }
        return set;
}

function cal_GetOffsetTop(src){
        var set=0;
        if(src && src.name!="divMain"){
            if (src.offsetParent){
                set+=src.offsetTop+cal_GetOffsetTop(src.offsetParent);
       }
if(src.tagName.toUpperCase()!="BODY"){
         var y=parseInt(src.scrollTop,10);
         if(!isNaN(y))
      set-=y;
}
        }
        return set;
}

</script>
<select></select>
<select></select>
<div style="position:absolute;left:0;top:0;width:100;height:100;background-color:red" onclick="cal_hideElementAll(this)">
点击让select隐藏
</div>
<br><br><br><br><br><br>
<input type="button" value="点击让select显示" onclick="cal_ShowElement()">

以上这种方法,如果对于select框数目少,相对固定的话,直接用obj.style.visibility="hidden"这样进行隐藏是更直接的.

第2种方法：用iframe作载体

以下是一简单的例子:

-----------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>简单菜单</title>
<!--
提供定位函数，用iframe作载体，不会被select挡住
By Fason(2003-5-21)
-->
<style id=s>
#div1{
position:absolute;
z-index:100;
width:100;
height:130;
background-color:#d2e8ff;
border:1 solid black;
}
div{cursor:hand;font-size:12px;}
a{text-decoration:none;color:red;font-size:12px}
</style>
</head>
<body>
<script>
function window.onload(){
var shtml=div1.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div1.offsetWidth
ifm.style.height=div1.offsetHeight
ifm.name=ifm.uniqueID
div1.innerHTML=""
div1.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")
}

function show(){
with(document.all.img1){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div1.style){
pixelLeft=x
pixelTop=y
visibility=''
}
}
function hide(){
document.all.div1.style.visibility='hidden'
}
</script>
<img id=img1 onmouseover="show()" onmouseout="hide()" src="ie.gif"><br><select></select>
<div id=div1 onmouseover="style.visibility=''" onmouseout="style.visibility='hidden'" style="visibility:hidden;">
<div href="http://www.csdn.net" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">中国程序员</div>
<div href="http://www.sohu.com" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">sohu</div>
</div>
</body>
</html>

第5种方法：Object对象的优先度较高,可以挡住select框

<OBJECT id=aa style="display:none;z-index:1000; position:absolute; top:0; left:0; width:152; height: 200;" type="text/x-scriptlet" data="about:<body><div style='position:absolute;left:0;top:0;width:152;height:200;font:14;color:white;background:black;border:1 solid black'>test</div>"></OBJECT>
<select><option>hellohellohellohello</select><button onclick=aa.style.display=aa.style.display=="none"?"":"none">test</button>

这种方法虽然也简单,但对复杂的层是来说还不是好的解决方法.


Peter Pan 2007-08-07 13:53 发表评论
]]>Ajax 中文乱码问题——ＧＢＫhttp://www.blogjava.net/fine/archive/2007/07/27/132761.htmlPeter PanPeter PanFri, 27 Jul 2007 05:46:00 GMThttp://www.blogjava.net/fine/archive/2007/07/27/132761.htmlhttp://www.blogjava.net/fine/comments/132761.htmlhttp://www.blogjava.net/fine/archive/2007/07/27/132761.html#Feedback0http://www.blogjava.net/fine/comments/commentRss/132761.htmlhttp://www.blogjava.net/fine/services/trackbacks/132761.htmlfunction doFind(default_value){
 var q_bureau_name = document.forms[0].q_bureau_name.value;
 var defpars = '';
 if(default_value != null){
  defpars = '&default_value='+default_value;
 }
 var url = 'customeroperAction.do';
 var pars = 'action=getbureaulist&sname=customerTel.TEL_BUREAU&q_bureau_name='+encodeURI(encodeURI(q_bureau_name))+defpars;    //encodeURI 两次将文本字符串编码为一个有效的统一资源标识符 (URI)。
 var my = new Ajax.Request(url,{method: 'post',parameters: pars,onComplete: show});
}
function show(originalRequest)
{
 var BUREAUSPAN = document.getElementById("BUREAUSPAN");
 BUREAUSPAN.innerHTML = originalRequest.responseText;
}
java 相关代码
String q_bureau_name = Util.filter(request.getParameter("q_bureau_name"));
  q_bureau_name =  java.net.URLDecoder.decode(q_bureau_name, "UTF-8");
 //ajax提交数据(post)的格式默认为utf-8,利用javascript的提供的escape()或encodeURI()方法.在服务器端接收的时候要使用java.net.URLDecoder.decode(value,"UTF-8")方法进行解码.


js相关知识：

escape 方法

对 String 对象编码以便它们能在所有计算机上可读，

escape(charString)

必选项 charstring 参数是要编码的任意 String 对象或文字。

说明

escape 方法返回一个包含了 charstring 内容的字符串值（ Unicode 格式）。所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替，其中 xx 等于表示该字符的十六进制数。例如，空格返回的是 "%20" 。

字符值大于 255 的以 %uxxxx 格式存储。

注意   escape 方法不能够用来对统一资源标示码 (URI) 进行编码。对其编码应使用 encodeURI 和encodeURIComponent 方法。

encodeURI 方法

将文本字符串编码为一个有效的统一资源标识符 (URI)。

encodeURI(URIString)

必选的 URIString 参数代表一个已编码的 URI。

说明

encodeURI 方法返回一个编码的 URI。如果您将编码结果传递给 decodeURI，那么将返回初始的字符串。encodeURI 方法不会对下列字符进行编码：":"、"/"、";" 和 "?"。请使用 encodeURIComponent 方法对这些字符进行编码。

encodeURIComponent 方法

将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。

encodeURIComponent(encodedURIString)

必选的 encodedURIString 参数代表一个已编码的 URI 组件。

说明

encodeURIComponent 方法返回一个已编码的 URI。如果您将编码结果传递给 decodeURIComponent，那么将返回初始的字符串。因为 encodeURIComponent 方法对所有的字符编码，请注意，如果该字符串代表一个路径，例如 /folder1/folder2/default.html，其中的斜杠也将被编码。这样一来，当该编码结果被作为请求发送到 web 服务器时将是无效的。如果字符串中包含不止一个 URI 组件，请使用 encodeURI 方法进行编码。



Peter Pan 2007-07-27 13:46 发表评论
]]>js的Objecthttp://www.blogjava.net/fine/archive/2007/01/23/95588.htmlPeter PanPeter PanTue, 23 Jan 2007 10:12:00 GMThttp://www.blogjava.net/fine/archive/2007/01/23/95588.htmlhttp://www.blogjava.net/fine/comments/95588.htmlhttp://www.blogjava.net/fine/archive/2007/01/23/95588.html#Feedback0http://www.blogjava.net/fine/comments/commentRss/95588.htmlhttp://www.blogjava.net/fine/services/trackbacks/95588.html<script language="javascript" type="text/javascript">
<!--
var test = {
 aaa:{
  a:function(){alert("sa");}
 },
 bbb:{
  b:function(){test.aaa.a();}
 }
}
//test.aaa.a();
//test.bbb.b();
var testa = {
        test1:{
          ggg:function(){alert(123);}
        },
        test2:{
          do2:function(){testa.test1.ggg();}
        }
};
//testa.test1.ggg();
//testa.test2.do2();
alert(Object);
Object.extend = function(destination, source) {
 for (var property in source) {
  destination[property] = source[property];
 }
 return destination;
}
Object.extend(Object,{
    ggg:function(object){alert(123);}
 ,
 do2:function(object){
  var i=0;
  for (var property in object){
   alert((i++) + property);
  }
 object.ggg();
 }
 }
);
Object.do2(Object);
//alert(Object);
//-->
</script>


Peter Pan 2007-01-23 18:12 发表评论
]]>Ajax增加Table内容http://www.blogjava.net/fine/archive/2006/08/03/61476.htmlPeter PanPeter PanThu, 03 Aug 2006 03:02:00 GMThttp://www.blogjava.net/fine/archive/2006/08/03/61476.htmlhttp://www.blogjava.net/fine/comments/61476.htmlhttp://www.blogjava.net/fine/archive/2006/08/03/61476.html#Feedback0http://www.blogjava.net/fine/comments/commentRss/61476.htmlhttp://www.blogjava.net/fine/services/trackbacks/61476.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dynamically Editing Page Content</title>

<script type="text/javascript">
var xmlHttp;

function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
}
   
function doSearch() {
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", "dynamicContent.xml", true);
    xmlHttp.send(null);
}
   
function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            clearPreviousResults();
            parseResults();
        }
    }
}

function clearPreviousResults() {
    var header = document.getElementById("header");
    if(header.hasChildNodes()) {
        header.removeChild(header.childNodes[0]);
    }

    var tableBody = document.getElementById("resultsBody");
    while(tableBody.childNodes.length > 0) {
        tableBody.removeChild(tableBody.childNodes[0]);
    }
}

function parseResults() {
    var results = xmlHttp.responseXML;

    var property = null;
    var address = "";
    var price = "";
    var comments = "";

    var properties = results.getElementsByTagName("property");
    for(var i = 0; i < properties.length; i++) {
        property = properties[i];
        address = property.getElementsByTagName("address")[0].firstChild.nodeValue;
        price = property.getElementsByTagName("price")[0].firstChild.nodeValue;
        comments = property.getElementsByTagName("comments")[0].firstChild.nodeValue;
       
        addTableRow(address, price, comments);
    }
   
    var header = document.createElement("h2");
    var headerText = document.createTextNode("Results:");
    header.appendChild(headerText);
    document.getElementById("header").appendChild(header);
   
    document.getElementById("resultsTable").setAttribute("border", "1");
}


function addTableRow(address, price, comments) {
    var row = document.createElement("tr");
    var cell = createCellWithText(address);
    row.appendChild(cell);
   
    cell = createCellWithText(price);
    row.appendChild(cell);
   
    cell = createCellWithText(comments);
    row.appendChild(cell);
   
    document.getElementById("resultsBody").appendChild(row);
}

function createCellWithText(text) {
    var cell = document.createElement("td");
    var textNode = document.createTextNode(text);
    cell.appendChild(textNode);
   
    return cell;
}
</script>
</head>

<body>
  <h1>Search Real Estate Listings</h1>
 
  <form action="#">
    Show listings from
        <select>
            <option value="50000">$50,000</option>
            <option value="100000">$100,000</option>
            <option value="150000">$150,000</option>
        </select>
        to
        <select>
            <option value="100000">$100,000</option>
            <option value="150000">$150,000</option>
            <option value="200000">$200,000</option>
        </select>
    <input type="button" value="Search" onclick="doSearch();"/>   
  </form>
 
 
 
  <span id="header">
 
  </span>

  <table id="resultsTable" width="75%" border="0">
    <tbody id="resultsBody">
    </tbody>
  </table>
</body>
</html>

dynamicContent.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<properties>
    <property>
        <address>812 Gwyn Ave</address>
        <price>$100,000</price>
        <comments>Quiet, serene neighborhood</comments>
    </property>   
    <property>
        <address>3308 James Ave S</address>
        <price>$110,000</price>
        <comments>Close to schools, shopping, entertainment</comments>
    </property>   
    <property>
        <address>98320 County Rd 113</address>
        <price>$115,000</price>
        <comments>Small acreage outside of town</comments>
    </property>   
</properties>



Peter Pan 2006-08-03 11:02 发表评论
]]>Ajax 读Xmlhttp://www.blogjava.net/fine/archive/2006/08/03/61473.htmlPeter PanPeter PanThu, 03 Aug 2006 02:37:00 GMThttp://www.blogjava.net/fine/archive/2006/08/03/61473.htmlhttp://www.blogjava.net/fine/comments/61473.htmlhttp://www.blogjava.net/fine/archive/2006/08/03/61473.html#Feedback0http://www.blogjava.net/fine/comments/commentRss/61473.htmlhttp://www.blogjava.net/fine/services/trackbacks/61473.html<script type="text/javascript">
var xmlHttp;
var requestType = "";

function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
}
   
function startRequest(requestedList) {
    requestType = requestedList;
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", "parseXML.xml", true);
    xmlHttp.send(null);
}
   
function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            if(requestType == "north") {
                listNorthStates();
            }
            else if(requestType == "all") {
                listAllStates();
            }
        }
    }
}
 
function listNorthStates() {
    var xmlDoc = xmlHttp.responseXML;
    var northNode = xmlDoc.getElementsByTagName("north")[0];
   
    var northStates = northNode.getElementsByTagName("state");
   
    outputList("Northern States", northStates);
}

function listAllStates() {
    var xmlDoc = xmlHttp.responseXML;
    var allStates = xmlDoc.getElementsByTagName("state");
   
    outputList("All States in Document", allStates);
}

function outputList(title, states) {
    var out = title;
    var currentState = null;
    for(var i = 0; i < states.length; i++) {
        currentState = states[i];
        out = out + "\n- " + currentState.childNodes[0].nodeValue;
    }
   
    alert(out);
}
</script>

parseXML.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<states>
    <north>
        <state>Minnesota</state>
        <state>Iowa</state>
        <state>North Dakota</state>
    </north>
    <south>
        <state>Texas</state>
        <state>Oklahoma</state>
        <state>Louisiana</state>
    </south>
    <east>
        <state>New York</state>
        <state>North Carolina</state>
        <state>Massachusetts</state>
    </east>
    <west>
        <state>California</state>
        <state>Oregon</state>
        <state>Nevada</state>
    </west>
</states>



Peter Pan 2006-08-03 10:37 发表评论
]]>Ajax 起步http://www.blogjava.net/fine/archive/2006/08/03/61463.htmlPeter PanPeter PanThu, 03 Aug 2006 02:07:00 GMThttp://www.blogjava.net/fine/archive/2006/08/03/61463.htmlhttp://www.blogjava.net/fine/comments/61463.htmlhttp://www.blogjava.net/fine/archive/2006/08/03/61463.html#Feedback0http://www.blogjava.net/fine/comments/commentRss/61463.htmlhttp://www.blogjava.net/fine/services/trackbacks/61463.html<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
 if(window.ActiveXObject){            //判断是否是IE
  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }else if(window.XMLHttpRequest){
  xmlHttp = new XMLHttpRequest();
 }
}
function startRequest(){
 createXMLHttpRequest();         //得到XmlHttp对像
 xmlHttp.onreadystatechange = handleStateChange;     //当请求状态改变时调用
 xmlHttp.open("GET","simpleResponse.xml",true);    //True表请求上本质是否异步
 xmlHttp.send(null);      //向服务器发送请求
}
function handleStateChange(){
 if(xmlHttp.readyState == 4){      // 4、数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据
  if(xmlHttp.status == 200){         //请求成功返回
   alert("The server replied with: " + xmlHttp.responseText);
  }
 }
}
</script>

Peter Pan 2006-08-03 10:07 发表评论
]]>