BlogJava-Skynet-随笔分类-javascripthttp://www.blogjava.net/Good-Game/category/23014.htmlzh-cnThu, 24 Apr 2008 07:55:27 GMTThu, 24 Apr 2008 07:55:27 GMT60 开发 javascript div 扩展使用http://www.blogjava.net/Good-Game/archive/2008/04/23/195185.htmlG_GG_GWed, 23 Apr 2008 09:41:00 GMThttp://www.blogjava.net/Good-Game/archive/2008/04/23/195185.htmlhttp://www.blogjava.net/Good-Game/comments/195185.htmlhttp://www.blogjava.net/Good-Game/archive/2008/04/23/195185.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/195185.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/195185.html

<body>
 <a id='pi' href="" value="text"> text </a>
 <div id='div1'/>
</body>
<script type="text/javascript"> 

function showByEvent(ev,divId){
        //取得各浏览器 event 
        ev = ev || window.event;
        //div
        var useDiv  = document.getElementById(divId);
        useDiv.style.position="absolute";
            if( useDiv.style.left=="" )useDiv.style.left = "50";
            if( useDiv.style.top=="" )useDiv.style.top = "10";
            if( useDiv.style.zIndex=="" )useDiv.style.zIndex = "1000";
            if( useDiv.style.padding=="" )useDiv.style.padding = "0px";
            if( useDiv.style.backgroundColor=="" )useDiv.style.backgroundColor = "#FFFFCC";
            if( useDiv.style.color=="" )useDiv.style.color = "#201000";
            if( useDiv.style.fontSize=="" )useDiv.style.fontSize = "12px";
            if( useDiv.style.border=="" )useDiv.style.border ="1px   solid   #284860";
        
        //得到处发事件的源element
      var actionBean =  null ;
        if(  ev.srcElement ){
            actionBean = ev.srcElement 
        }else{
            actionBean = ev.target;
        }
        
        //处发事件 
        useDiv.onmousemove = function(){
                useDiv.style.visibility  = "";
        }
        useDiv.onmouseout = function(){
                useDiv.style.visibility  = "hidden";
            
        }
        actionBean.onmouseout =  function mouseOut(ev){
                useDiv.style.visibility  = "hidden";
        }
        
        //div 定位
        useDiv.style.left = actionBean.offsetTop+15 ;
    useDiv.style.top = actionBean.offsetLeft+15;
    
        //返回类型为 div 显示的 x , y 和 target 处发源项 和 div
        return {
            y:  actionBean.offsetTop+15  ,
            x:  actionBean.offsetLeft+15 ,
            target:actionBean,
            div:useDiv
        }
}



//事件添加
document.getElementById('pi').onmousemove = function(ev){
      var sbv = showByEvent(ev,"div1");
      var bean = sbv.target ;
    var dd = sbv.div;
    dd.style.visibility  = "";
    dd.innerHTML = "<a href=http://www.baidu.com>删除"+bean.value+"</a><br>"+
                                    "<a href=http://www.google.com>详细 by Id "+bean.id+"</a>";

};

</script>





G_G 2008-04-23 17:41 发表评论
]]>javascript 上传文件大小限定http://www.blogjava.net/Good-Game/archive/2008/04/15/193181.htmlG_GG_GTue, 15 Apr 2008 10:07:00 GMThttp://www.blogjava.net/Good-Game/archive/2008/04/15/193181.htmlhttp://www.blogjava.net/Good-Game/comments/193181.htmlhttp://www.blogjava.net/Good-Game/archive/2008/04/15/193181.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/193181.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/193181.html
限制：<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<br>
<img src=http://blog.xunuo.com/blog/images/icons/23.gif id="fileChecker" alt="test"/>

<script type="text/javascript">
var oFileChecker = document.getElementById("fileChecker");

function changeSrc(filePicker)
{
    oFileChecker.src = filePicker.value;
}

oFileChecker.onreadystatechange = function ()
{
    if (oFileChecker.readyState == "complete")
    {
        checkSize();
    }
}

function checkSize()
{
    var limit  = document.getElementById("fileSizeLimit").value * 1024;

    if (oFileChecker.fileSize > limit)
    {
        alert("too large");
    }
    else
    {
        alert("ok");
    }
}
</script>  



IE
<html> 
<input type="file" name="file1" onchange="ShowSize(this.value)"> 
<script language="JavaScript"> 
<!-- 
function ShowSize(files) 
{ 
  var fso,f; 
  fso=new ActiveXObject("Scripting.FileSystemObject"); 
  f=fso.GetFile(files); 
  alert( (f.size/(1024*1024))+" Bytes"); 
} 
//--> 
</script> 
</html>



G_G 2008-04-15 18:07 发表评论
]]>javascript 鼠标跟随+位置显示http://www.blogjava.net/Good-Game/archive/2008/04/15/193087.htmlG_GG_GTue, 15 Apr 2008 05:41:00 GMThttp://www.blogjava.net/Good-Game/archive/2008/04/15/193087.htmlhttp://www.blogjava.net/Good-Game/comments/193087.htmlhttp://www.blogjava.net/Good-Game/archive/2008/04/15/193087.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/193087.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/193087.html 参考 :http://www.codebit.cn/pub/html/javascript/tip/mouse_position/
<script type="text/javascript"> 

function mousePosition(ev){
    //支持 火狐
    if(ev.pageX || ev.pageY){
        return {x:ev.pageX, y:ev.pageY};
    }
    //支持IE
    return {
        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
        y:ev.clientY + document.body.scrollTop - document.body.clientTop
    };
}

function mouseMove(ev){
    ev = ev || window.event;
    var mousePos = mousePosition(ev);
        
       document.getElementById('div1').innerHTML = mousePos.x +":"+mousePos.y ;
       document.getElementById('div1').style.left = mousePos.x+10;
       document.getElementById('div1').style.top = mousePos.y+50;
}

//事件添加
document.onmousemove = mouseMove;


</script>
<body>
    <p id='pi'></p>
    <div id='div1'  style="position:absolute;  
  left:50;  
  top:10;  
  z-index:1000;  
  padding:0px;  
  background-color:#FFFFCC;  
  color:#201000;  
  font-size:12px;  
  border:1px   solid   #284860;"></div>   
</body>

直接运行




G_G 2008-04-15 13:41 发表评论
]]>java,javascript 内连取数据http://www.blogjava.net/Good-Game/archive/2008/01/09/173895.htmlG_GG_GWed, 09 Jan 2008 01:46:00 GMThttp://www.blogjava.net/Good-Game/archive/2008/01/09/173895.htmlhttp://www.blogjava.net/Good-Game/comments/173895.htmlhttp://www.blogjava.net/Good-Game/archive/2008/01/09/173895.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/173895.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/173895.html
            //用 java jdk URL
            URL httpurl = new URL(url);
            HttpURLConnection httpConn = null;
            httpConn = (HttpURLConnection) httpurl.openConnection();
            httpConn.setRequestMethod("POST");
            httpConn.setDoOutput(true);
            httpConn.setDoInput(true);
            //正式连接
            httpConn.getOutputStream();
            /**输入参数
            PrintWriter outs = new PrintWriter(httpConn.getOutputStream());
            outs.print("&back_url=" + returnurl);
            outs.print("&orderid=" + deposit.getOrderId());
            outs.print("&bussinessid=" + SZFConstant.B_ID);
            outs.print("&digestString="
                    + MD5Util.MD5Encode(SZFConstant.B_ID + deposit.getOrderId()
                            + SZFConstant.KEY));
            outs.flush();
            outs.close();

            GET 就不要 说 了  url + 参数
            */
            byte[] bb = new byte[httpConn.getInputStream().available()];
            httpConn.getInputStream().read(bb);
            //取得数据
            String str = new String(bb);

javascript 现在这种取法有个名字叫（ajax）(转)

<html>
<head>
<link href="http://www.cc168.com.cn/css/index.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://www.cc168.com.cn/css/framework.css" type="text/css"/>
 <script language="javascript">
 
 window.onload = function()
 {
  CreateDateSelect();
 }

 var xmlHttp = false;
 var e;
 
 //创建XMLHTTP对象
 function getXMLHTTPObj()
 {
  var C = null;
  try
  {
     C = new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch(e)
  {
   try
   {
    C = new ActiveXObject("Microsoft.XMLHTTP");
   }
   catch(sc)
   {
    C = null;
   }
  }
  
  if( !C && typeof XMLHttpRequest != "undefined" )
  {
   C = new XMLHttpRequest();
  }
  
  return C;
 }
 
 //调用远程方法
 function callServer(e)
 { 
  try
  {
   if( xmlHttp && xmlHttp .readyState != 0 )
   {
    xmlHttp.abort();
   }
   
   xmlHttp = getXMLHTTPObj();
   
   if( xmlHttp )
   {
    document.getElementById("outgroup").style.display = "none";
    //获取查询日期
    var dateSele = e.options[e.selectedIndex].value;
    document.getElementById("date").innerHTML = dateSele + " 开放式基金净值";

    //构造查询连接字符串
    var url = "https://www.google.com/accounts/ManageAccount";
    
    //打开连接
   if(navigator.appName == 'Netscape'){
   try {
    netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
   } catch (e) {
       alert("Permission UniversalBrowserRead denied.");
   }}
    xmlHttp.open("GET", url, true);
    //设置回调函数
    xmlHttp.onreadystatechange = updatePage;
    //发送请求
    xmlHttp.send(null);
   }
   else
   {
    document.getElementById("flag").innerHTML = "XMLHTTP对象创建失败";
   }
  }
  catch (e)
  {
   document.getElementById("flag").innerHTML = "查询错误:" + e;
  }
 }
 
 //回调处理函数
 function updatePage()
 {
  try {
   if (xmlHttp.readyState == 1)
   {
    document.getElementById("flag").innerHTML = "正在加载连接对象";
   }

   if (xmlHttp.readyState == 2)
   {
    document.getElementById("flag").innerHTML = "连接对象加载完毕。";
   }

   if (xmlHttp.readyState == 3)
   {
    document.getElementById("flag").innerHTML = "数据获取中";
   }

   if (xmlHttp.readyState == 4)
   {
    var response = xmlHttp.responseText;
    document.getElementById("out").innerHTML = response;
    document.getElementById("outgroup").style.display = "";
   }
  }
  catch (e)
  {
      document.getElementById("flag").innerHTML = "回调处理错误:" + e;
  }
 }

 //创建日期选择下拉框
 function CreateDateSelect()
 {

  var html = [];
         
  for(var iYear=2005; iYear<=2006; iYear ++)
  {
   for( var iMonth=1; iMonth<=12; iMonth ++ )
   {
    for( var iDay=1; iDay<=31; iDay ++ )
    { 
    html[html.length] = "<option value=\""  + iYear + "\-" + iMonth + "\-" + iDay + "\">" + iYear + "年" + iMonth + "月" + iDay + "日" + "</option>";
    }
   }
  }
      
  document.getElementById("dateSele").innerHTML = "<select name=\"dateSele\" id=\"dateSele\" onchange=\"callServer(this);\">" + html.join("") + "</select>";
 } 
 </script>




G_G 2008-01-09 09:46 发表评论
]]>javascript cookie(转)http://www.blogjava.net/Good-Game/archive/2007/11/28/163747.htmlG_GG_GWed, 28 Nov 2007 09:13:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/11/28/163747.htmlhttp://www.blogjava.net/Good-Game/comments/163747.htmlhttp://www.blogjava.net/Good-Game/archive/2007/11/28/163747.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/163747.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/163747.htmlhttp://blog.joycode.com/joe/archive/2005/09/06/63068.aspx
http://www.itlearner.com/article/2006/3325.shtml

使用方法：js


//获得Cookie解码后的值
function GetCookieVal(offset){
    var endstr = document.cookie.indexOf (";", offset);
    if (endstr == -1)
    endstr = document.cookie.length;
    return unescape(document.cookie.substring(offset, endstr));
}

//设定Cookie值
function SetCookie(name, value){
    var expdate = new Date();
    var argv = SetCookie.arguments;
    var argc = SetCookie.arguments.length;
    var expires = (argc > 2) ? argv[2] : null;
    var path = (argc > 3) ? argv[3] : null;
    var domain = (argc > 4) ? argv[4] : null;
    var secure = (argc > 5) ? argv[5] : false;
    if(expires!=null) expdate.setTime(expdate.getTime() + ( expires * 1000 ));
    document.cookie = name + "=" + escape (value) +((expires == null) ? "" : ("; expires="+ expdate.toGMTString()))
    +((path == null) ? "" : ("; path=" + path)) +((domain == null) ? "" : ("; domain=" + domain))
    +((secure == true) ? "; secure" : "");
}

//删除Cookie
function DelCookie(name){
    var exp = new Date();
    exp.setTime (exp.getTime() - 1);
    var cval = GetCookie (name);
    document.cookie = name + "=" + cval + "; expires="+ exp.toGMTString();
}

//获得Cookie的原始值
function GetCookie(name){
    var arg = name + "=";
    var alen = arg.length;
    var clen = document.cookie.length;
    var i = 0;
    while (i < clen)
    {
        var j = i + alen;
        if (document.cookie.substring(i, j) == arg)
        return GetCookieVal (j);
        i = document.cookie.indexOf(" ", i) + 1;
        if (i == 0) break;
    }
    return null;
}

jsunit
<!DOCTYPE html 
  PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<title>x</title>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript" src="lib/jsUnitCore.js"></script>
<script type="text/javascript">
    
    
    function testValidArgs() { // 测试的函式要以test名称作为开头
        SetCookie('li','gg');
        assertEquals("cookie get err", 'gg', GetCookie('li') );
        assertEquals("cookie getVal err", 'li=gg', GetCookieVal('li') );
        
        
        DelCookie("li");
        assertEquals("cookie del err ",null, GetCookie('li') );
        
        
    }

    
    
</script>
</head>
<body>
</body>
</html>

运行 Jsunit-> testRunner.html 通过测试




G_G 2007-11-28 17:13 发表评论
]]>ajax 的 输入选择 （同google&读数据库） http://www.blogjava.net/Good-Game/archive/2007/07/25/132345.htmlG_GG_GWed, 25 Jul 2007 09:05:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/07/25/132345.htmlhttp://www.blogjava.net/Good-Game/comments/132345.htmlhttp://www.blogjava.net/Good-Game/archive/2007/07/25/132345.html#Feedback2http://www.blogjava.net/Good-Game/comments/commentRss/132345.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/132345.html...  阅读全文

G_G 2007-07-25 17:05 发表评论
]]>WEB xml 画图 (javascript包装)用到 prototype.js wz_jsgraphics.js http://www.blogjava.net/Good-Game/archive/2007/07/11/129594.htmlG_GG_GWed, 11 Jul 2007 05:31:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/07/11/129594.htmlhttp://www.blogjava.net/Good-Game/comments/129594.htmlhttp://www.blogjava.net/Good-Game/archive/2007/07/11/129594.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/129594.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/129594.html 问题: 画页面 或 报表 的 图象问题
解决：用 通过xml画图  画笔wz_jsgraphics.js 
                      xml数据取得 prototype.js
                      画动作 Xmlgraphics.js （自己包装）
    下载：http://www.blogjava.net/Files/Good-Game/Mywz_jsgraphics.rar  请放在 服务器上(tomcat) 并改                          testLine.html页面上的 load( ul ) =>>  ul （ xml 的取得地方 ）
            请注意 ： IE 5 支持不好 请用 火狐 或 IE6
图片 ：


EG:
   这展现了 画线 画图  到 画字的简单过程

<grabhics>

    <line x1='0' y1='0' x2='40' y2='0' color='green'  stroke='4' />
    <line id='l1' x1='0' y1='0' x2='0' y2='200' color='darkblue'  stroke='8' />
    
    <rect x='20' y='20' w='40' h='70' color='hotpink'  stroke='4' />
    <rect id='r1' x='100' y='60' w='20' h='200' color='greenyellow'  stroke='8' />
    
    <fillRect x='50' y='60' w='40' h='70' color='darkolivegreen'  stroke='2' />
    <fillRect id='fr1' x='150' y='250' w='20' h='45' color='darkturquoise'  stroke='1' />
    
    <ellipse x='0' y='100' w='50' h='100' color='darkolivegreen'  stroke='5' />
    <ellipse id='e1' x='250' y='0' w='34' h='46' color='darkturquoise'  stroke='7' />
    
    <fillEllipse x='0' y='150' w='150' h='70' color='darkolivegreen'  stroke='5' />
    <fillEllipse id='fe1' x='250' y='20' w='84' h='48' color='gray'  stroke='7' />
    
    <fillArc x='32' y='124' w='130' h='170' start='0' end='190' color='red'  />
    <fillArc id='fa1' x='200' y='300' w='40' h='20' start='0' end='300' color='red'  />

    <polygon xs='32,80,23,7,64' ys='124,2,42,24,6' color='darkolivegreen'  />
    <polygon id='pp1' xs='32,4,2' ys='124,3,51' color='darkolivegreen'  />


    <fillPolygon xs='10,85,93,60' ys='50,10,105,87' color='00aaaa'  />
    <fillPolygon id='adfh'  xs='80,126,-30,-60' ys='0,130,40,100' color='00aaaa'  />

    
    <image x='200' y='300' w='50' h='50' url='../image/test.bmp' />
    <image id='ima' x='300' y='300' w='50' h='50' url='../image/test.bmp' />

    <string  font='arial'  size='15' style='Font.ITALIC_BOLD' str='刘凯毅' x='300' y='400' color='red' />
    <string id='strr'  font='arial'  size='20' style='Font.ITALIC_BOLD' str='万岁' x='310' y='420'  />


</grabhics>


简单页面 ： 给出 div 的 id （位置 和 xml 的出处 就可以了）load() 方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script language="JavaScript" src='../lib/prototype/wz_jsgraphics.js' ></script>
        <script language="JavaScript" src="../lib/prototype/prototype.js"></script>
        <script language="JavaScript" src="../js/test.js" ></script>
        <script language="JavaScript" src="../js/Xmlgraphics.js" ></script>
        
    </head>
    
 <body onload='load( "http://127.0.0.1:8000/Mywz_jsgraphics/xml/graphics.xml" )'>     
   <div id="myCanvas" style="position:relative;height:250px;width:100%;"> <input type='button' onclick='tt()' /> </div> 
 </body>
</html>

<script>
    function tt(){
        var uu = 'strr'
         var g2 = getGdom(uu) ;
        getValue(uu).clear();
  
    }
    
</script>




G_G 2007-07-11 13:31 发表评论
]]>WEB 图画 -- wz_jsgraphics 笔记http://www.blogjava.net/Good-Game/archive/2007/07/05/128239.htmlG_GG_GThu, 05 Jul 2007 01:32:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/07/05/128239.htmlhttp://www.blogjava.net/Good-Game/comments/128239.htmlhttp://www.blogjava.net/Good-Game/archive/2007/07/05/128239.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/128239.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/128239.html



G_G 2007-07-05 09:32 发表评论
]]> select集连+xml+选择提交 (Ajax局部刷新) http://www.blogjava.net/Good-Game/archive/2007/07/02/127441.htmlG_GG_GMon, 02 Jul 2007 02:22:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/07/02/127441.htmlhttp://www.blogjava.net/Good-Game/comments/127441.htmlhttp://www.blogjava.net/Good-Game/archive/2007/07/02/127441.html#Feedback2http://www.blogjava.net/Good-Game/comments/commentRss/127441.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/127441.html 1 <rows><row id='1703' name='武昌南机务段    ' /><row id='1701' name='襄樊北机务段    ' />...  阅读全文

G_G 2007-07-02 10:22 发表评论
]]>页面嵌入在线聊天 (prototype)http://www.blogjava.net/Good-Game/archive/2007/06/13/123791.htmlG_GG_GWed, 13 Jun 2007 02:22:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/06/13/123791.htmlhttp://www.blogjava.net/Good-Game/comments/123791.htmlhttp://www.blogjava.net/Good-Game/archive/2007/06/13/123791.html#Feedback3http://www.blogjava.net/Good-Game/comments/commentRss/123791.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/123791.html 问题 : 提供给B/S 结构一个实时的运行展现
解决:   prototype 的 Ajax.PeriodicalUpdater 更新
            prototype 的    Ajax.Request 语句提交
            action 语句的组织展现

http://www.blogjava.net/Files/Good-Game/take.rar
    没有lib 大家可以就加 struct 相关 lib 就可以了

说明: 
      

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
          <SCRIPT language="Javascript" src="prototype1.5.0.js"></SCRIPT>
  </head>
  
  <body onload="Said()"> 
      <INPUT id='name1' type="text" size="10" value="请输入名字" onfocus="if($('name1').value=='请输入名字') $('name1').innerText='' " />
      <INPUT id='text1' type="text" onkeydown="if(event.keyCode==13){event.keyCode=0; onb();}"/>
      <INPUT id='button1' type="button" value="test" onclick='onb()' />
  </body>
  <div id='div1'/>
</html>
<script type="text/javascript"  >
        //语句异步提交给服务器 Ajax.Request
    function onb(){                                         
      if($('name1').value=='请输入名字' || $('name1').value==''){
          window.alert('请输入名字');
          return 
      }
      
      var url = 'http://192.168.1.130:7000/xxs/mySaid.do?name='+$F('name1')+'&take='+$F('text1');                
      new Ajax.Request(
        url,
        {
            method: 'get',
            onComplete: action              
        });
        
        $('name1').readOnly = true
        $('name1').style.background = 'lightblue'
        $('text1').innerText='' 
    }
       //局部刷新 并提取 语句
    function Said(){
        var url = 'http://192.168.1.130:7000/xxs/mySaid.do';  
        new Ajax.PeriodicalUpdater(
            'div1',
            url,
            {
                method: 'get',
                onComplete: SumSaid,
                evalScripts: true,
                frequency: 1,
                decay: 1
            }
        );
    }
       //展现
    function SumSaid(req){
        $('div1').innerHTML = req.responseText;
    }

    function action(req){
    }
    </script>
    

Action
   private static int SIZE = 30 ;
     private List list = new ArrayList();

     public ActionForward execute(
        ActionMapping mapping,
        ActionForm form,
        HttpServletRequest request,
        HttpServletResponse response) {
        String take = request.getParameter("take") ;
        String name = request.getParameter("name") ;
        response.addHeader("Cache-Control","no-cache"); 
        
        request.setAttribute("said",DueiLie(name,take));

        try {
            request.setCharacterEncoding("gb2312");
            response.setCharacterEncoding("gb2312");
        } catch (Exception e) {
        }

        return mapping.findForward("list");
    }
     
        //语句的组织
    public String DueiLie(String name,String take){
        
        StringBuffer strb  = new StringBuffer();
        if(name==null||take==null);
        else{
            strb.append( name ).append(" : ").append(take).append("</br>") ;
            if(list.size()==SIZE){
                list.remove(list.get(0));
                list.add(strb.toString() );
            }else{
                list.add( strb.toString() );
            }
        }
        StringBuffer takes = new StringBuffer();
        Iterator it = list.iterator();
        while(it.hasNext()){
            takes.insert( 0,(String)it.next() );
        }
        return takes.toString();
    }

jsp ( list ) 中文处理 jsp 就一句话
<%= new String(((String)request.getAttribute("said")).getBytes("iso8859-1"),"GBK") %>

心得:别人做到了 我也能做到
         要学的东西很多 多看书 多留意 多保护好身体

G_G 2007-06-13 10:22 发表评论
]]>HTML 中 select 选择 http://www.blogjava.net/Good-Game/archive/2007/06/12/123640.htmlG_GG_GTue, 12 Jun 2007 08:29:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/06/12/123640.htmlhttp://www.blogjava.net/Good-Game/comments/123640.htmlhttp://www.blogjava.net/Good-Game/archive/2007/06/12/123640.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/123640.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/123640.html      function  selectValue(select,val) {
         var  opt  =  select.options ;
                 for ( var  i = 0 ;i < opt.length;i ++ ) {
             if ( opt[i].firstChild.nodeValue  ==  val) {
                opt[i].selected  =   true ;
                 return  ; 
            }
        }
         for ( var  i = 0 ;i < opt.length;i ++ ) {
             if ( opt[i].value  ==  val) {
                opt[i].selected  =   true ;
                 return  ; 
            }
        }

    }
    

G_G 2007-06-12 16:29 发表评论
]]>用javascript 建 treehttp://www.blogjava.net/Good-Game/archive/2007/06/06/122318.htmlG_GG_GWed, 06 Jun 2007 03:01:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/06/06/122318.htmlhttp://www.blogjava.net/Good-Game/comments/122318.htmlhttp://www.blogjava.net/Good-Game/archive/2007/06/06/122318.html#Feedback2http://www.blogjava.net/Good-Game/comments/commentRss/122318.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/122318.html 问题： 总是用别人的框架写树以为很难，其实。。。
解决：以 if event.srcElement.id=="foldheader1" 得到选项
         var srcIndex = event.srcElement.sourceIndex
         再 var nested = document.all[srcIndex+1] 取出选择的下一个 ( +1 )
              nested.style.display=' ？？ ' 就可以了
             并注意结构是
                         <选项/>  
                            <url>  //srcIndex+1 下个 可见不可见 就是 <url>
                               <li>...</li>
                                <li>...</li>
                                 ....
                            </url>


<HEAD>

    <SCRIPT language=JavaScript1.2>
    function change(){
       if(!document.all)
          return
       if (event.srcElement.id=="foldheader1") {
          var srcIndex = event.srcElement.sourceIndex
          
          var nested = document.all[srcIndex+1]

          if (nested.style.display=="none") {
             nested.style.display=''
          }
          else {
             nested.style.display="none"
          }
       }
    }
    </SCRIPT>

    <STYLE>
        #foldheader1 {      <!-- 图的加入-->
            CURSOR: hand; LIST-STYLE: url(../rlzy/images/imbrex.gif) 
        }
    </STYLE>
</HEAD>
<BODY leftMargin=0 rightMargin=0 onload="window.status='';">
  <font size="-1">
<!-- DIV id=Layer7 style="HEIGHT: 127px; LEFT: -1px; POSITION: absolute; TOP: 34px; WIDTH: 47px; Z-INDEX: 1"></DIV-->
<DIV id="Layer2" style="HEIGHT: 134px; LEFT: 2px; POSITION: absolute; TOP: 30px; WIDTH: 193px; Z-INDEX: 3">
  <UL style="MARGIN-LEFT: 20px"> 
        
        
        
        <li>
          <a href="#" onClick="change()" id="foldheader1">乘务员基本档案</a>
          <ul id=foldinglist style="''" style="MARGIN-LEFT: 10px">
            <li><a href="/rlzy/jcyy/basePersonnelList.do?do=byCorp" target="content">人员基本档案1</a></li>
            <li><a href="" target="content">人员基本档案2</a></li>
          </ul>
        </li>
        
      </UL>
    </DIV>        
  </font>
</BODY>
</html>

<FRAMESET rows="84,*" cols="*" frameborder="no" framespacing="0" border="0">
  <FRAME src="header.html" name="header" scrolling="no">
  <FRAMESET cols="125,*" frameborder="no" framespacing="0" border="0">
    <FRAME name="treefrm" src="dir2.jsp?code=0" scrolling="no">
    <FRAME name="content" src="welcome.jsp">
  </FRAMESET>


心得：其实很简单，只是你不知道



G_G 2007-06-06 11:01 发表评论
]]> ajax 对 struct 异步提交 标签的解决办法http://www.blogjava.net/Good-Game/archive/2007/05/25/120062.htmlG_GG_GFri, 25 May 2007 10:44:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/05/25/120062.htmlhttp://www.blogjava.net/Good-Game/comments/120062.htmlhttp://www.blogjava.net/Good-Game/archive/2007/05/25/120062.html#Feedback0http://www.blogjava.net/Good-Game/comments/commentRss/120062.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/120062.html 问题:   struct 标签没有直接与ajax 数据兼容互换方法
解决: 先用struct 动态得到数据 ,再利用javascrpit 的 function(this) 把值提取 交给 ajax

需要提交的 struct link 项
<div2>
         <html:link    onclick='return action(this)'                          //javascript 提交  参数为 自己标签 
                               action=""                                                       //屏蔽 struct 提交 但 用 struct 得到 动态值
                               paramName="tom"
                               paramProperty="personid"
                              paramId="personnelId">
                             编辑</html:link>
   <div2/>

<div1/>

js 控制

            function action(obj){
                var str = obj.getAttribute('href');                  
                var id = str.substring( str.lastIndexOf('=')+1, str.length );         // 取得 href 中的 的值 (由 struct 得到的 动态值 )
                   var pars = 'do=edit&personnelId='+id;
                new Ajax.Updater('div1','/rlzy/jcyy/basePersonnelList.do?',{parameters:pars,valScripts:true}); //由 prototype 的 ajax 异步提交
                Element.hide(document.getElementById("div2"));
                Element.show(document.getElementById("div1"));
                
                return false;
            }

            function action2(){
                Element.hide(document.getElementById("div1"));
                Element.show(document.getElementById("div2"));
            }

        </SCRIPT>

rlzy/jcyy/basePersonnelList.do  的页面  就局部加入 页面 div1 了
<INPUT type='button' value="test" onclick="action2();"/>

感想:  javascript 万能胶水

G_G 2007-05-25 18:44 发表评论
]]>XMLDOM 详细说明和网上有关资源 + 动态javascript建表http://www.blogjava.net/Good-Game/archive/2007/05/18/118426.htmlG_GG_GFri, 18 May 2007 09:33:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/05/18/118426.htmlhttp://www.blogjava.net/Good-Game/comments/118426.htmlhttp://www.blogjava.net/Good-Game/archive/2007/05/18/118426.html#Feedback5http://www.blogjava.net/Good-Game/comments/commentRss/118426.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/118426.html 问题: 对javascript Dom 解读 xml  的问题
 解决: 网页中 javascript 学习

过程 js
function searchSales(){
    var url = "MyXml.xml";           // url 不限制 可以为 jsp  *.do  只要 out.print()出来的 是 xml 格式
    var myAjax = new Ajax.Request(
              url,
    {
    method: 'get',
    onComplete: action              // 成功得到 requ 的挂载方法
    });
}

function  action(request)
{
    var dom = request.responseXML;    //返回 javascript Dom 解读对象
    
    var list = dom.getElementsByTagName('Weapon'); 
                                //返回标签名<Weapon>  集合项可用.item(i) 得出  .firstChild.nodeValue得值
 
    for( var i = 0; i < list.length; i++ ) {
        var nli = list.item(i);
        var W = nli.getElementsByTagName( 'W' );
        window.alert(W.item(0).firstChild.nodeValue);
    }
     
}

HTML 页面

</HEAD>
<head>
    <script src="prototype1.5.0.js"></script>
    <script src="xml.js"></script>
</head>
<input id='test' type="submit" value="test" onclick="searchSales();" >
</HTML>

XML

<?xml version="1.0" encoding="utf-8" ?>
<Login>

    <Weapon id="1">
        <W Text="光束剑" Value="0">1</W>
        <W Text="光束配刀" Value="1">2</W>
    </Weapon>

    <Weapon id="2">
        <W Text="光束剑" Value="0">3</W>
        <W Text="光束配刀" Value="1">4</W>
    </Weapon>
    
     <Weapon id="3">
        <W Text="光束剑" Value="0">5</W>
        <W Text="光束配刀" Value="1">6</W>
    </Weapon>
</Login>

心得: 调试了很久当时对javascript 的不熟悉,但我没有放弃 去网上查,问同事 最后成功
                 --------------------- 坚持就是胜利 ------------------

G_G 2007-05-18 17:33 发表评论
]]>html 简单 div 拖动http://www.blogjava.net/Good-Game/archive/2007/05/08/115904.htmlG_GG_GTue, 08 May 2007 04:28:00 GMThttp://www.blogjava.net/Good-Game/archive/2007/05/08/115904.htmlhttp://www.blogjava.net/Good-Game/comments/115904.htmlhttp://www.blogjava.net/Good-Game/archive/2007/05/08/115904.html#Feedback4http://www.blogjava.net/Good-Game/comments/commentRss/115904.htmlhttp://www.blogjava.net/Good-Game/services/trackbacks/115904.html问题:  兴趣
解决:   div的 onclike ( this )  得到选择 
            由 window.event 得到 鼠标 x y 
            由 this.style.top/left 改变 div 位置 

        var x,y;
        function mousedown(obj)
        {
            obj.onmousemove = mousemove;
            obj.onmouseup = mouseup;
            
            oEvent = window.event ? window.event : event;
            x = oEvent.clientX;
            y = oEvent.clientY;
        }
        function mousemove()
        {
            oEvent = window.event ? window.event : event;
            var _top = oEvent.clientY - y + parseInt(this.style.top) + "px"; // oEvent.clientY - y  为div 上 移动的位置 再反映到                                                                                //parseInt(this.style.top)
            var _left = oEvent.clientX - x + parseInt(this.style.left) +"px";
            this.style.top = _top;
            this.style.left = _left;
            x =  oEvent.clientX;
            y =  oEvent.clientY
        }
        function mouseup()
        {
            this.onmousemove = null;
            this.onmouseup = null;
        }

心得: 兴趣决定一切

G_G 2007-05-08 12:28 发表评论
]]>