标签归档:html

在表单后边显示html页面的表单名字的js代码

有时候需要在页面上直接看到表单里面元素的名字,下面的代码可以将名字显示在页面上,便于查看。
其中用到了jqeury的after,没有的需要用其他方式i来写。

for(var i=0;i<document.form1.elements.length;i++){
if (i>0 && document.form1.elements[i].name!=document.form1.elements[i-1].name) {
$("*[name='"+document.form1.elements[i].name+"']").after(document.form1.elements[i].name);
}
}

FCKEditor XML Request Error:Internal Server Error(500)

原来一直能用的ecshop后台信息发布里面的fckeditor上传功能,换了个机器后不能用了。以为是文件损坏,上传一边不行。
什么xml错误,还弹出一个大的JavaScript alert警告框,内容就是服务器端错误的500内容
网上搜,又说是配置问题,主题问题,想想都不应该,直接请求
filemanager/connectors/php/connector.php
出了服务器的500错误,html文件能访问,txt也行。
后来从根目录开始查,发现到fckeditor目录里面的php文件开始不能访问。
改了fckeditor目录的属性为755,问题解决。

html页面表格导出excel出现科学计数法问题的解决

用IE的用户,如果一个html页面有table的话,可以把table导出到excle文件里面,但是经常遇到会把身份证等数字比较长的数据改成科学计数法来显示。很是头疼。
有说加个单引号可以解决,但是我这里测试,显示和导出的结果都有单引号。效果不好。
同事找到一个解决方案比较好。在html页面里面加上一段css
然后在出现问题的字段应用这种style就可以了。
测试通过。神奇

<style type="text/css">
<!--
td {
	background-color: #FFFFFF;
}

.txt
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:宋体;
	mso-generic-font-family:auto;
	mso-font-charset:134;
	mso-number-format:"\@";
	text-align:general;
	vertical-align:middle;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;}
-->
</style>

上百个让你事半功倍的jquery插件

jQuery是一个了不起的javascript库,它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。从网站的方面说,这使得javascript更加有趣。

很多jquery爱好者开发了基于jquery的插件,在这里
发现作者收集好多jquery的插件,转贴过来,给大家分享。

File upload-文件上传

Ajax File Upload
jQUploader
Multiple File Upload plugin
jQuery File Style
Styling an input type file
Progress Bar Plugin

Form Validation-表单验证

jQuery Validation
继续阅读

HttpWatch Professional v5.2.16 YAG

一直在用这个东西,是调试,测试web程序,地好东西。
5以后的版本改变还是比较大的,time chart很直观,对语言编码的支持也有改进。
一直在用5.1.23,今天看到有新版的出来,下载到,迫不及待的装上,看到了一个新的菜单,tools,增加了清除cache和cookie的功能,很好的功能,早就应该有了。
还可以设置自动自动的进行记录和保存日志文件,不需要手工点击,日志文件可以指定输出到一个目录。
看帮助可以自己写js,ruby,c#等脚本,来进行全自动的操作。跑了个js的sample,好像还不错,推荐大家都用哦。

javascript怪异的access is denied

要实现这样一个功能,一个活动很多人报名,后台做操作界面,可以给某些数据做一下标记。
本地开发,本地的环境+测试数据测试通过,到了线上,就死活不行。
因为表单有简单的校验,用了javascript的document.submit()。总是报错,说 access is denied
原来怀疑是因为提交的按钮在浮动层的原因,后来发现数据量大了就不行,因为每条数据会有checkbox。
网上google了半天,也没有对症的解决方法,大多是安全因素造成的。在冥思苦想没有结果,正一筹莫展的时候。突然想起了GET提交的数据长度是有2048个字节的限制的。
然后查看了代码,原来从别的地方复制过来的form表单,用的是get方法,改成method=”post”后,问题解决。

车到山前啊。

注意.js文件的编码

在调试javascript代码的时候在a.html引用了b.js这个文件。
原来测试都没有问题,但是paste了一些原来的老代码后,ie出现js报错,但是firefox不抱错。
报错的信息如下:
return statement outside of functions
狗了半天,说是retrun写的位置不对,但是新写的代码和老的代码都没问题啊,一直在用。没办法,只能一段段的删除
期间还报过下面的错误
XXX is not defined
XXX是一个函数里面传过来的变量。函数都没用,居然也抱错。狠奇怪。
最后只剩2个function了,中间有一段代码的注释,是中文的。我把注释删掉,好了!

突然想起来问题所在了,原来是编码问题。上面的a.html是utf-8编码,而js里面的中文是gbk的编码,由于a.html是全英文的,所以没注意编码。而老的代码一直都是在gbk或者gb2312编码的页面上用,所以一直也没问题。

最后修改a.html为gbk的编码,问题解决。
比较好的习惯可能应该是公用的js代码里面不要用中文的注释。。

object doesn’t support this property or method

公司搞了一个爱情征文的活动,最后投票要写一个程序,对用户投票要做一些限制,在做前台校验的时候,最后提交出现了问题。我用的是
form1.submit();
结果IE报错,内容是:object doesn’t support this property or method。当时就觉得奇怪,开始查,觉得可能是
1.form的名字不叫form1
2.form的关闭标签没有使用
查了一下,2个问题都不是,也没有拼写错误。换了firefox,同样报错,内容是:document.form1.submit is not a function
顿时没了方向,google了一下,也有别人犯这个错误,找了一条有用的信息,说造成这个原因的可能是form里面又一个元素的名字叫submit。
一查,还真是,有个button的名字被俺不小心改成了submit,改了名字,问题解决。
写下来,鄙视自己一下。

innerHTML outerHTML innerText和outerText的区别和用法

innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
innerText 和outerText 在读取得时候是一样的,只是在设置的时候outerText 会连带标签一起替换成目标文本
firefox不支持innerText ,但是可以用textContent作为替代方案。
代码如下:

if(document.all){
     document.getElementById('myid').innerText = "text";
} else{
    document.getElementById('myid').textContent = "text";
}