Tag: js预览模式: 普通 | 列表

JS判断文本框是否为数字

 JS判断文本框是否为数字,直接上代码。

JavaScript代码
  1. //判断字符串是否为数字  
  2. function isNumber(value) {  
  3.     var patrn = /^(-)?\d+(\.\d+)?$/;  
  4.     if (patrn.exec(value) == null || value == "") {  
  5.         return false  
  6.     } else {  
  7.         return true  
  8.     }  
  9. }  
  10. function CheckForm() {  
  11.   
  12.     if(!isNumber(document.form1.amount.value)){  
  13.         alert("数量必须是数字!");  
  14.         document.form1.amount.focus();  
  15.         return false;  
  16.     }  
  17.   
  18.   
  19. }  

 

Tags: js 数字

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 552

KindEditor编辑器的调用代码变化

 

 

 

KindEditor编辑器的调用代码在一切因素不发生变化的情况下需要变化,为什么?360、IE、Chrome这3个浏览器都大概测试了一下,有如下的不同。

以前是这样子的——

JavaScript代码
  1. var editor;  
  2. KindEditor.ready(function(K) {  
  3.     editor = K.create('textarea[name="content"]', {  
  4.         cssPath : '/inc/kindeditor-4.1.10/plugins/code/prettify.css',  
  5.         uploadJson : '/inc/kindeditor-4.1.10/asp/upload_json.asp',  
  6.         fileManagerJson : '/inc/kindeditor-4.1.10/asp/file_manager_json.asp',  
  7.         allowFileManager : true,  
  8.         afterCreate : function() {  
  9.             var self = this;  
  10.             K.ctrl(document, 13, function() {  
  11.                 self.sync();  
  12.                 K('form[name=example]')[0].submit();  
  13.             });  
  14.             K.ctrl(self.edit.doc, 13, function() {  
  15.                 self.sync();  
  16.                 K('form[name=example]')[0].submit();  
  17.             });  
  18.         }  
  19.     });  
  20. });  

最早在一个网站里用上面的代码调用,一切正常。但后来又想在其它网站调用,用这段代码却不行。

但某一天的上午突然发现在360浏览器里用编辑框进行内容提交后却不保存,传递的值为空。后来在网络上寻找解决方法,找到了一段不一样的调用代码。

现在要这样子了,后来建的几个网站也必须用下面的代码,用上面的不行。

JavaScript代码
  1. var editor;  
  2. KindEditor.ready(function(K) {  
  3.     editor = K.create('textarea[name="content"]', {  
  4.         cssPath : 'kindeditor-4.1.9/plugins/code/prettify.css',  
  5.         uploadJson : 'kindeditor-4.1.9/asp/upload_json.asp',  
  6.         fileManagerJson : 'kindeditor-4.1.9/asp/file_manager_json.asp',  
  7.         allowFileManager : true,  
  8.         afterBlur: function(){this.sync();}  
  9.     });  
  10.     prettyPrint();  
  11. });  

目前不清楚是什么因素导致原本可用的代码会不可用,不清楚与什么的变化有关。

查看更多...

Tags: KindEditor 编辑器 js

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1083

给普通文本加上链接功能

JS打开URL链接或普通的文本标签加上链接。

XML/HTML代码
  1. <span onClick="javascript:window.open('http://www.ancher.cn','_blank')">Ancher</span>  

由于受标签的限制,有些地方不能用a标签,所以想到了这样的解决方法。

当然,除了span,也可以是font、div等元素标签。

其中的两个参数没有什么特别的,好懂。每一个是链接目标URL,第二个是打开URL的目标窗口,可以是_self、_blank、_top、_parent,也可以是自定义的书签或Iframe名称等。

Tags: 链接 js

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1064

js乘法对小数点的处理

主题描述:JS[javascript/jscript]做小数乘法运算结果出现浮点错误的解决办法。

JS里做小数的乘法运算时会出现浮点错误,具体可以测试一下:

JavaScript代码
  1. alert(11*22.9)   

结果是251.89999999999998 而不是251.9。

一个简单的乘法运算,让我整了一个下午,主要是对JS不熟练。很是无奈。

解决问题的大概思路就是,先把因数放大为整数,最后再除以相应的倍数,这样就能得到正确的结果了。

下面的代码:

JavaScript代码
  1. //乘法,可小数  
  2. function accMul()  
  3. {  
  4. var m=0,s1=document.all.price.value.toString(),s2=document.all.amount.value.toString();  
  5. try{m+=s1.split(".")[1].length}catch(e){}  
  6. try{m+=s2.split(".")[1].length}catch(e){}  
  7. return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)  
  8. }  
  9.   
  10. Number.prototype.mul = function (arg){  
  11. return accMul(arg, this);  
  12. }  
  13.   
  14. function showresult(){  
  15.     document.all.moneys.value=accMul();  
  16. }  

查看更多...

Tags: js 乘法 运算 浮点数

分类:数据 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1308

JS-javascript的一些用法收集备忘

Javascript客户端对页面控制的一些用法小收集。

1、ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

2、Javascript 的confirm函数用法举例:

XML/HTML代码
  1. <span onclick="if( !confirm('确定要修改吗?')) return false;ChangeTeacherStatus(10)">状态</span>  

上面的代码是点击后先弹出确认框确认是否要继续,如果是,则执行后面的ChangeTeacherStatus函数,否则什么也不做。

 3、复选框控制对应文本框是否可用

XML/HTML代码
  1. <input type="checkbox" name="mycheck" value="1" onclick="if(this.checked){txtinput.disabled=false}else{txtinput.disabled=true}">  
  2. <input type="text" name="txtinput" size="20" disabled>  

因为这个是只判断复选框“是否被点击”而不是“是否为选中”,所以文本框的初始状态要为disabled。

查看更多...

Tags: js javascript confirm 确认框 客户端控制

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1519

JS控制对象的显示或隐藏属性

点击链接可以把对象的显示与隐藏状态来回切换。

XML/HTML代码
  1. <script language="JavaScript">  
  2. function showneirong(i,a){  
  3.     if (i.style.display == "none") {  
  4.         i.style.display = "";  
  5.         document.getElementById("tiaokuan").innerHTML="显示信息";  
  6.     }else{  
  7.         i.style.display = "none";  
  8.         document.getElementById("tiaokuan").innerHTML="隐藏信息";  
  9.     }  
  10. }  
  11.   
  12. </script>  
  13.   
  14. <span id="tiaokuan" style="cursor:hand" onClick="showneirong(nr,tiaokuan)" >显示信息</span>  
  15. <span id="nr" style="display:none;  border: solid 1px #666666; padding:10px">test info</span>  

点击弹出一个DIV层的模式:

XML/HTML代码
  1. <html>  
  2. <body>  
  3. <script language=javascript>  
  4. function toExit(){<!--对隐藏层的操作-->  
  5. var args=toExit.arguments;<!--获取函数的输入值-->  
  6. var visible=args[0];<!--函数的第一个输入值-->  
  7. if(document.all){<!--对于ie浏览器-->  
  8.   if(visible=='show')visible='visible';<!--设置隐藏层显示-->  
  9.   if(visible=='hide')visible='hidden';<!--设置隐藏层消失-->  
  10.   theObj=eval("document.all['"+args[1]+"']");  
  11.   if(theObj)theObj.style.visibility=visible;<!--执行上述操作-->  
  12.   }  
  13. }  
  14.   
  15. </script>  
  16.   
  17. <div id=div32  
  18. style="background:#ffffff;border:1px solid #f0f0f0;HEIGHT: 100px; LEFT: 10px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 180px; Z-INDEX: 1;">  
  19. <div style="height:25px;clear:both;"><a href="javascript:toExit('hide','div32')">关闭此层</a>  
  20. </div>  
  21. <div style="overflow-y:scroll;clear:both;HEIGHT: 100px;"><font>欢迎来到javascript世界!这里有你意想不到奇妙效果!欢迎来到javascript世界!这里有你意想不到奇妙效果!欢迎来到javascript世界!这里有你意想不到奇妙效果!欢迎来到javascript世界!这里有你意想不到奇妙效果!欢迎来到javascript世界!<p>这里有你意想不到奇妙效果!欢迎来到javascript世界!这里有你意想不到奇妙效果!<b></b></font>  
  22. </div>  
  23.   
  24. </div>  
  25. <a href="javascript:toExit('show','div32')"><font color="#FF9900">打开隐藏层</font></a>  
  26.   
  27.   
  28. </body>  
  29.   
  30. </html>  

 

一点一滴,备忘而已。

Tags: js display 显示与隐藏 DIV

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1939

js与CSS实现文字无缝向上固定高度滚屏

用js与CSS实现的文字按固定的行数向上一屏一屏地滚动。js文字分屏滚动效果、js 文字循环滚动js文字无缝滚动

效果如下图:

效果描述:按预设的行数向上一屏一屏地滚动文字,并且中间会有停顿,无缝连续的效果。通过scrollUlTestn可以在一个页面里多次使用,如DIV的id为scrollUlTest1,scrollUlTest2,则在javascript里定义相应的s1,s2就可以了。

很好用的东西。

JS代码比较简单,实际应用修改起来不难:

JavaScript代码
  1. var ScrollUl=function(containerId, numViews, showTime, scrollTime)  
  2. {  
  3. //定时器变量,因为有移到层上时停止滚动的事件处理,而那时可能还没开始定时器呢,所以先把这个变量声明出来。  
  4. this.timer=null;  
  5. this.numViews = numViews;  
  6. this.showTime = showTime;  
  7. this.scrollTime = scrollTime;  
  8.   
  9. this.container = document.getElementById(containerId);  
  10. var ulChild = this.container.getElementsByTagName('ul');  
  11. //这里只有一个 ul 节点,取得它  
  12. var ul = ulChild[0];  
  13. //ul 是未使用 CSS 明确指定高度的,IE 中用 realstyle 取不到高度,只能得到 auto,而 getBoundingClientRect() 是 IE 和 FF 都支持的方式。  
  14. var rect = ul.getBoundingClientRect();  
  15. var heightAll = rect.bottom - rect.top;  
  16. //每一屏的实际像素高度  
  17. var heightView = heightAll / this.numViews;  
  18. //每移动1像素用的毫秒数  
  19. var msPerPx = this.scrollTime / heightView;  
  20.   
  21. //复制出一份来,接在原块的后面,用于头接尾的显示  
  22. var ulCopy = ul.cloneNode(true);  
  23. ulCopy.style.top = heightAll+'px';  
  24. this.container.appendChild(ulCopy);  
  25.   
  26. //要在事件处理函数中使用当前类,得把 this 赋值给一个此范围的变量,如 itself。其实此范围内的变量都是直接可用的,如:heightView, msPerPx  
  27. var itself = this;  
  28. //向上滚动的函数  
  29. var scrollView = function()  
  30. {  
  31. var oldTop = (''==ul.style.top) ? 0: parseInt(ul.style.top) ;  
  32. //移动到顶后,把位置复原,两个块继续从 0 开始向上移。  
  33. if (oldTop < -heightAll)  
  34. {  
  35. oldTop = 0;  
  36. }  
  37. ul.style.top = (oldTop - 1) +'px';  
  38. ulCopy.style.top = (oldTop + heightAll- 1) +'px';  
  39.   
  40. //每滚一整屏多停一会。oldTop-1 是为了让其停在整数位置。  
  41. var duration = (0 == ((oldTop-1) % heightView)) ? itself.showTime:msPerPx;  
  42. itself.timer = setTimeout(scrollView, duration);  
  43. };  
  44.   
  45. //把 slide 定义为 prototype 的方法时,似乎这样 setTimeout(itself.slide, itself.showTime); 定时操作不灵,而只能是局部函数才能定时操作,如果带参数,还得封装成匿名函数:  
  46. itself.timer = setTimeout(scrollView, itself.showTime);  
  47. //鼠标移上时停止滚动  
  48. this.container.onmouseover = function()  
  49. {  
  50. window.clearTimeout(itself.timer);  
  51. };  
  52. //鼠标移开时继续滚动,不用区分当时是在整屏停止还是滚动中了,全都按静止时间来延时就得了。  
  53. this.container.onmouseout = function()  
  54. {  
  55. itself.timer = setTimeout(scrollView, itself.showTime);  
  56. };  
  57. };  
  58. window.onload = function()  
  59. {  
  60. //第一个总共 20 行,每次显示 4 行,分 5 屏  
  61. var s1 = new ScrollUl('scrollUlTest1', 5, 3000, 1000);  
  62. //第二个总共 18 行,每次显示 6 行,分 3 屏  
  63. //var s2 = new ScrollUl('scrollUlTest2', 3, 3000, 2000);  
  64. };  

查看更多...

Tags: js CSS 文字向上滚屏 文字特效 文字循环滚动 文字无缝滚动

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4186

JS和CSS实现的点击小图片弹出DIV层显示大图片(点击小图显示大图)

先是显示小图片或图片缩小显示,点击后显示大图(原图),用JS+CSS实现。

可用于相册或产品图片展示功能。

显示小图片时效果如下:

点击后显示大图片的效果图如下:

查看更多...

Tags: js CSS 相册 显示大图 点击小图显示大图

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5052