BlogJava-JAVA—咖啡馆-随笔分类-【JS/HTML】http://www.blogjava.net/fanyingjie/category/28251.html——欢迎访问rogerfan的博客，常来《JAVA——咖啡馆》坐坐，喝杯浓香的咖啡，彼此探讨一下JAVA技术，交流工作经验，分享JAVA带来的快乐！本网站部分转载文章，如果有版权问题请与我联系。zh-cnTue, 12 Oct 2010 05:20:14 GMTTue, 12 Oct 2010 05:20:14 GMT60表单验证JS文件：validator.js http://www.blogjava.net/fanyingjie/archive/2010/10/12/334519.htmlrogerfanrogerfanTue, 12 Oct 2010 02:20:00 GMThttp://www.blogjava.net/fanyingjie/archive/2010/10/12/334519.htmlhttp://www.blogjava.net/fanyingjie/comments/334519.htmlhttp://www.blogjava.net/fanyingjie/archive/2010/10/12/334519.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/334519.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/334519.html阅读全文

rogerfan 2010-10-12 10:20 发表评论
]]>【转】JS货币格式化函数http://www.blogjava.net/fanyingjie/archive/2010/08/11/328530.htmlrogerfanrogerfanWed, 11 Aug 2010 05:59:00 GMThttp://www.blogjava.net/fanyingjie/archive/2010/08/11/328530.htmlhttp://www.blogjava.net/fanyingjie/comments/328530.htmlhttp://www.blogjava.net/fanyingjie/archive/2010/08/11/328530.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/328530.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/328530.html<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Cyanide_7 (leo7278@hotmail.com) -->
<!-- Web Site:  http://www7.ewebcity.com/cyanide7 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3))+','+
num.substring(num.length-(4*i+3));
return (((sign)?'':'-') + '$' + num + '.' + cents);
}
//  End -->
</script>

rogerfan 2010-08-11 13:59 发表评论
]]>【转】一些好用的html线条脚本 http://www.blogjava.net/fanyingjie/archive/2010/07/31/327628.htmlrogerfanrogerfanSat, 31 Jul 2010 03:44:00 GMThttp://www.blogjava.net/fanyingjie/archive/2010/07/31/327628.htmlhttp://www.blogjava.net/fanyingjie/comments/327628.htmlhttp://www.blogjava.net/fanyingjie/archive/2010/07/31/327628.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/327628.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/327628.html

两头渐变透明：



<*hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=3)"*>


右边渐变透明：



<*hr width=80% size=3 color=#00ffff style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"*>
  阅读全文

rogerfan 2010-07-31 11:44 发表评论
]]>【转】dwr配置文件dwr.xml详解http://www.blogjava.net/fanyingjie/archive/2010/07/11/325801.htmlrogerfanrogerfanSun, 11 Jul 2010 11:18:00 GMThttp://www.blogjava.net/fanyingjie/archive/2010/07/11/325801.htmlhttp://www.blogjava.net/fanyingjie/comments/325801.htmlhttp://www.blogjava.net/fanyingjie/archive/2010/07/11/325801.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/325801.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/325801.html
创建dwr.xml文件
dwr.xml文件的结构如下:

阅读全文

rogerfan 2010-07-11 19:18 发表评论
]]>【转】DWR中各种java方法的调用http://www.blogjava.net/fanyingjie/archive/2010/07/11/325800.htmlrogerfanrogerfanSun, 11 Jul 2010 11:17:00 GMThttp://www.blogjava.net/fanyingjie/archive/2010/07/11/325800.htmlhttp://www.blogjava.net/fanyingjie/comments/325800.htmlhttp://www.blogjava.net/fanyingjie/archive/2010/07/11/325800.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/325800.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/325800.html
网上有不少DWR的例子，但大都只是某种方法的调用，本文只在使用层面上介绍DWR，并不涉更多的技术与设计，其目的是让初学者能够很快的学会各种java方法在javascript中是如何调用的。

本文以DWR 1.1 为基础，对于DWR 2.0，因为还没有正式发布版，故不做介绍。

一、dwr配置篇之web.xml

1、最小配置
  阅读全文

rogerfan 2010-07-11 19:17 发表评论
]]>【转】关于Ajax中处理回传参数的几种实现http://www.blogjava.net/fanyingjie/archive/2010/07/11/325798.htmlrogerfanrogerfanSun, 11 Jul 2010 11:06:00 GMThttp://www.blogjava.net/fanyingjie/archive/2010/07/11/325798.htmlhttp://www.blogjava.net/fanyingjie/comments/325798.htmlhttp://www.blogjava.net/fanyingjie/archive/2010/07/11/325798.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/325798.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/325798.html1.回传一个普通的String字符串.
2.回传一个组织好的Javascript字符串.
3.回传一个Json对象.(需要引入json.jar)
4.回传一个XML对象.
基本实现如下:
其中测试页面为:  阅读全文

rogerfan 2010-07-11 19:06 发表评论
]]>Jquery使用小技巧http://www.blogjava.net/fanyingjie/archive/2010/06/21/324039.htmlrogerfanrogerfanMon, 21 Jun 2010 02:09:00 GMThttp://www.blogjava.net/fanyingjie/archive/2010/06/21/324039.htmlhttp://www.blogjava.net/fanyingjie/comments/324039.htmlhttp://www.blogjava.net/fanyingjie/archive/2010/06/21/324039.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/324039.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/324039.htmlview plaincopy to clipboardprint?

1. $(document).ready(function(){

2. $(document).bind("contextmenu",function(e){

3. return false;

4. });

5. });


2. 隐藏搜索文本框文字view plaincopy to clipboardprint?

1. $(document).ready(function() {

2. $("input.text1").val("Enter your search text here");

3. textFill($('input.text1'));   阅读全文

rogerfan 2010-06-21 10:09 发表评论
]]>JavaScript 正则表达式 验证整数、小数、实数、有效位小数最简单http://www.blogjava.net/fanyingjie/archive/2010/04/28/319606.htmlrogerfanrogerfanWed, 28 Apr 2010 07:51:00 GMThttp://www.blogjava.net/fanyingjie/archive/2010/04/28/319606.htmlhttp://www.blogjava.net/fanyingjie/comments/319606.htmlhttp://www.blogjava.net/fanyingjie/archive/2010/04/28/319606.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/319606.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/319606.html 说明：IE6.0、IE7.0、IE8.0、Firefox/3.0.11下测试通过
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title> 验证数字最简单<font color=red>正则</font></a>表达式大全 </title> 
</head> 
<body> 
<h3>输入完按回车后即可验证！（自认为最简单！）</h3> 
正整数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^\d+$/.test(this.value));" /> 
<br> 
负整数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-\d+$/.test(this.value));" /> 
<br> 
整　数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+$/.test(this.value));" /> 
<br> 
正小数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^\d+\.\d+$/.test(this.value));" /> 
<br> 
负小数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-\d+\.\d+$/.test(this.value));" /> 
<br> 
小　数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.\d+$/.test(this.value));" /> 
<br> 
实　数:    <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d*$/.test(this.value));" /> 
<br> 
保留1位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,1}$/.test(this.value));" /> 
<br> 
保留2位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,2}$/.test(this.value));" /> 
<br> 
保留3位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,3}$/.test(this.value));" /> 
<br> 
</body> 
</html>

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]


rogerfan 2010-04-28 15:51 发表评论
]]>【转】Javascript 复制 Input 中内容到剪贴板 http://www.blogjava.net/fanyingjie/archive/2009/06/11/281521.htmlrogerfanrogerfanThu, 11 Jun 2009 09:33:00 GMThttp://www.blogjava.net/fanyingjie/archive/2009/06/11/281521.htmlhttp://www.blogjava.net/fanyingjie/comments/281521.htmlhttp://www.blogjava.net/fanyingjie/archive/2009/06/11/281521.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/281521.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/281521.html 
<html>
<head>
<title>Javascript 复制 Input 中内容到剪贴板</title/>
<script language="javascript"> 
function copyToClipboard(theField,isalert)
{
  var obj=document.getElementById(theField);
  if(obj!=null)
  {
    var clipBoardContent=obj.value;
    obj.select();
    window.clipboardData.setData("Text",clipBoardContent); 
    if(isalert!=false)
      alert("复制成功。现在您可以粘贴（Ctrl+v）到QQ群中了。");
  }
  else
  {
     alert("Error!");
  }
}
</script>
</head>
<body>
  <span>博客地址:</span>
  <input type="text" id="link" style="width:215px;" value="http://www.javablog.net/fanyingjie" />
  &nbsp; 
  <button onclick="javascript:copyToClipboard('link',true);">复制</button>
</body>
</html>


rogerfan 2009-06-11 17:33 发表评论
]]>【转】快速创建Flahs网页菜单：Flash Menu Labs 2.0 Portable 英文绿色特别版 http://www.blogjava.net/fanyingjie/archive/2008/07/08/213263.htmlrogerfanrogerfanTue, 08 Jul 2008 02:53:00 GMThttp://www.blogjava.net/fanyingjie/archive/2008/07/08/213263.htmlhttp://www.blogjava.net/fanyingjie/comments/213263.htmlhttp://www.blogjava.net/fanyingjie/archive/2008/07/08/213263.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/213263.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/213263.html
* 只需几分钟Flash Menu Labs就能满足你的需求
* 可以在很短时间内就能生成网站菜单
* 无需Flash和ActionScript知识即能轻松掌握软件的使用

*　Would you like to have cool Flash menus with impressing visual effects, eye-catching animation and non-trivial structure, but don't want to spend months coding ActionScript and tuning visual appearance?

*　With Flash Men  阅读全文

rogerfan 2008-07-08 10:53 发表评论
]]>【转】鼠标右下角显示层，javascript读取xml实例代码http://www.blogjava.net/fanyingjie/archive/2008/03/04/183732.htmlrogerfanrogerfanTue, 04 Mar 2008 08:31:00 GMThttp://www.blogjava.net/fanyingjie/archive/2008/03/04/183732.htmlhttp://www.blogjava.net/fanyingjie/comments/183732.htmlhttp://www.blogjava.net/fanyingjie/archive/2008/03/04/183732.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/183732.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/183732.html<script language="JavaScript" type="text/javascript">
//鼠标经过时候显示div    
function showdiv(content,field) {

var x = window.event.x;
var y = window.event.y;
var show = document.getElementById("ShowInfo");
show.style.visibility = "visible";
show.style.top = y;
show.style.left = x;
show.style.background="#ffff00";
//show.innerHTML = "1234567";
//鼠标移动时候div跟随
XmlRead(content,field);
document.onmousemove = moveToMouseLoc;

}
//鼠标移开的时候隐藏div
function Remove()
{
        var show=document.getElementById("ShowInfo");
        if(show != "" || show != null)
        {
            show.style.visibility = "hidden";
        }    
}
//鼠标移动时候div跟随
function moveToMouseLoc(e)
{
    x = window.event.x;
    y = window.event.y;
  var show = document.getElementById("ShowInfo");
  show.style.left = x;
  show.style.top = y;
  return true;
}

//读取xml
function XmlRead(content,field)
{
    var doc = new ActiveXObject("Microsoft.XMLDOM");
    //得到隐藏控件中的xml值
    var sXml = document.getElementById("LbHidden").innerHTML;
    try
    {    
       doc.loadXML(sXml);
    }

    catch(e)
    {
       alert(e.message);
       return ;
    }
    //画一个table吧值存到table中
    var table = "<table cellspacing="0" rules="all" bordercolorlight="#b4b1b1" bordercolordark="#ffffff" border="1"><tr class='title'><td>数据来源</td><td>" + content + "</td></tr>";
    var xmlnode = doc.documentElement;
    for(i=0;i<xmlnode.childNodes.length;i++)
    { 
        //加载xml值到table中  
        table += "<tr><td>" + xmlnode.childNodes.item(i).getAttribute('Desc');
        table += "</td><td>" + xmlnode.childNodes.item(i).selectSingleNode("DATA/" + field.toUpperCase()).text + "</td></tr>";
        //alert(xmlnode.childNodes.item(i).getAttribute('成考'));
    }
    table += "</table>";
   //把table放到div中的span中
    document.getElementById('sp').innerHTML=table;      
    //nod=doc.selectSingleNode("Datas/Source[@Desc='成考']/Data/WaterOutCount/");
    //nod=doc.selectSingleNode("Datas/Source")
    //nod.text;
}

</script>    
<Source Desc="成考" type="1"><Data><EnterCode>440116191159320</EnterCode><Year>2007</Year><DataType>11</DataType><Month>11</Month><Day>11</Day><WaterOutCount>11</WaterOutCount><WaterOut>11</WaterOut><Water_UpOut>11</Water_UpOut><Water_OverOut>11</Water_OverOut><Water_ToSeaOut>11</Water_ToSeaOut><Water_ToRiverOut>11</Water_ToRiverOut><Water_ToSewerOut>11</Water_ToSewerOut><Water_ToSewageFarmOut>11</Water_ToSewageFarmOut><Water_ToOtherOut>11</Water_ToOtherOut><Water_ToOtherAirOut>11</Water_ToOtherAirOut><Water_ToOtherOtherOut>11</Water_ToOtherOtherOut><Water_ToOtherFarmOut>11</Water_ToOtherFarmOut><Water_ToOtherEnterOut>11</Water_ToOtherEnterOut><Water_ToOtherWFarmOut>11</Water_ToOtherWFarmOut><DataSource>11</DataSource><EnterIndustryId>11</EnterIndustryId><WaterProduce>11</WaterProduce><IndustryWaterOut>11</IndustryWaterOut><LifeWaterOut>11</LifeWaterOut><Code_OutType>11</Code_OutType><sum1>11111111</sum1><sum2>11111111</sum2></Data></Source><Source Desc="焦点" type="2"><Data><EnterCode>440116191159320</EnterCode><Year>2007</Year><DataType>11</DataType><Month>22</Month><Day>22</Day><WaterOutCount>22</WaterOutCount><WaterOut>22</WaterOut><Water_UpOut>22</Water_UpOut><Water_OverOut>22</Water_OverOut><Water_ToSeaOut>22</Water_ToSeaOut><Water_ToRiverOut>22</Water_ToRiverOut><Water_ToSewerOut>22</Water_ToSewerOut><Water_ToSewageFarmOut>22</Water_ToSewageFarmOut><Water_ToOtherOut>22</Water_ToOtherOut><Water_ToOtherAirOut>22</Water_ToOtherAirOut><Water_ToOtherOtherOut>22</Water_ToOtherOtherOut><Water_ToOtherFarmOut>22</Water_ToOtherFarmOut><Water_ToOtherEnterOut>22</Water_ToOtherEnterOut><Water_ToOtherWFarmOut>22</Water_ToOtherWFarmOut><DataSource>22</DataSource><EnterIndustryId>22</EnterIndustryId><WaterProduce>22</WaterProduce><IndustryWaterOut>22</IndustryWaterOut><LifeWaterOut>22</LifeWaterOut><Code_OutType>22</Code_OutType><sum1>22222222</sum1><sum2>22222222</sum2></Data></Source>


rogerfan 2008-03-04 16:31 发表评论
]]>【转】总结性知识：107个常用Javascript语句http://www.blogjava.net/fanyingjie/archive/2008/01/17/175859.htmlrogerfanrogerfanThu, 17 Jan 2008 02:47:00 GMThttp://www.blogjava.net/fanyingjie/archive/2008/01/17/175859.htmlhttp://www.blogjava.net/fanyingjie/comments/175859.htmlhttp://www.blogjava.net/fanyingjie/archive/2008/01/17/175859.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/175859.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/175859.html2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID號").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:("" 变量)
10.JS中的取字符串长度是:(leng  阅读全文

rogerfan 2008-01-17 10:47 发表评论
]]>Javascript中最常用的55个经典技巧http://www.blogjava.net/fanyingjie/archive/2007/12/21/169357.htmlrogerfanrogerfanFri, 21 Dec 2007 08:26:00 GMThttp://www.blogjava.net/fanyingjie/archive/2007/12/21/169357.htmlhttp://www.blogjava.net/fanyingjie/comments/169357.htmlhttp://www.blogjava.net/fanyingjie/archive/2007/12/21/169357.html#Feedback0http://www.blogjava.net/fanyingjie/comments/commentRss/169357.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/169357.html〈table border oncontextmenu=return(false)>no 可用于Table

2. 〈body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. 〈link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. 〈link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标


7. 〈input style="ime-mode:disabled"> 关闭输入法
  阅读全文

rogerfan 2007-12-21 16:26 发表评论
]]>JS限制textbox或textarea输入字符长度http://www.blogjava.net/fanyingjie/archive/2007/12/20/168952.htmlrogerfanrogerfanThu, 20 Dec 2007 02:34:00 GMThttp://www.blogjava.net/fanyingjie/archive/2007/12/20/168952.htmlhttp://www.blogjava.net/fanyingjie/comments/168952.htmlhttp://www.blogjava.net/fanyingjie/archive/2007/12/20/168952.html#Feedback1http://www.blogjava.net/fanyingjie/comments/commentRss/168952.htmlhttp://www.blogjava.net/fanyingjie/services/trackbacks/168952.html <!--

String.prototype.len=function(){
return this.replace(/[^\x00-\xff]/g,"**").length;
}

//Set maxlength for multiline TextBox
function setMaxLength(object,length)
{
var result = true;
var controlid = document.selection.createRange().parentElement().id;
var controlValue = document.selection.createRange().text;
if (controlid == object.id && controlValue != "")
{
result = true;
}
else if (object.value.len() >= length)
{
result = false;
}
if (window.event)
{
window.event.returnValue = result;
return result;
}
}

//Check maxlength for multiline TextBox when paste
function limitPaste(object,length)
{
var tempLength = 0;
if(document.selection)
{
if(document.selection.createRange().parentElement().id == object.id)
{
tempLength = document.selection.createRange().text.len();
}
}
var tempValue = window.clipboardData.getData("Text");
tempLength = object.value.len() + tempValue.len() - tempLength;
if (tempLength > length)
{
tempLength -= length;
//alert(tempLength);
//alert(tempValue);
var tt="";
for(var i=0;i<tempValue.len()-tempLength;i++)
{
if(tt.len()<(tempValue.len()-tempLength))
tt=tempValue.substr(0,i+1);
else
break;
}
tempValue=tt;
window.clipboardData.setData("Text", tempValue);
}

window.event.returnValue = true;
}

//-->
</script>

然后设多行的textbox或textarea的2个属性.
onkeypress="javascript:setMaxLength(this,100);" onpaste="limitPaste(this, 100)"
现在好了，可以自动区分中英文了，这个方案不错，供大家分享。

rogerfan 2007-12-20 10:34 发表评论
]]>