jQuery处理同级事物的一个方式

呵呵,标题有点绕,不知道这样表达是否达意。其实就是同类型(级别)的事件触发的判断处理而已,还搞不明白?-_-!我的表达有问题,那就看下面的代码吧: 更多 »

CKEditor或者FCKEditor编辑器的分页处理

CKEditor就是FCKEditor的改名版本,呵呵。基于javascript的前端HTML编辑器,一般做内容管理系统的基本都用过这个编辑器,很强大很方便。

做内容管理某个内容可能文字会很多,分开发表的话不方便维护管理,一般就是直接使用CKEditor的分页功能,说白了这个无非就是类似下面的一段HTML代码:

 

如果要想在前台输出的时候分页是做不到的。我一般会有两种方式进行处理:

1.利用服务端在输出到页面前进行分页。

2.利用前端javascript直接进行分页。

更多 »

收集一下jQuery关于select标签的操作

jQuery是一个非常好玩的东东,很方便。由于本身对于javascript并不是非常的精通,因此特别对于操作select标签操作机器不入脑。
收集一下关于select标签操作的例子,备忘一下吧,出处找不到了。

//获取第一个option的值
$('#test option:first').val();
//最后一个option的值
$('#test option:last').val();
//获取第二个option的值
$('#test option:eq(1)').val();
//获取选中的值
$('#test').val();
$('#test option:selected').val();
//设置值为2的option为选中状态
$('#test').attr('value','2');
//设置第一个option为选中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
//获取select的长度
$('#test option').length;
//添加一个option
$("#test").append("

");
$("

").appendTo("#test");
//添除选中项
$('#test option:selected').remove();
//指定项选中
$('#test option:first').remove();
//指定值被删除
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();//获取第一个Group的标签
$('#test optgroup:eq(0)').attr('label');
//获取第二group下面第一个option的值
$('#test optgroup:eq(1) : option:eq(0)').val();

JavaScript预加载图片

非原创,偶然在搜索引擎上看到的,觉得不错,记下来做个参考。
var loadimg = function(imgs,callback){
if ( !imgs ) {
//参数判断
return false;
}
var img = [];
var len = imgs.length;
for ( var i=0;i img[i] = new Image();//新建一个IMG对象
img[i].src = imgs[i];
}
img[i-1].onload = callback ? callback.apply(img) : null;
//回调函数给最后一个图片的onload事件说明全部图片加载完成。
//(我不知道这种是否正确,我看了httpwatch应该是没问题的)
//回调函数this指向全部预计在图片的数组
//这样可以在回调函数里调用刚才加载的图片
};
var imgs = [
"http://www.baidu.com/img/baidu_logo.gif",
"http://img1.gtimg.com/news/pics/25962/25962079.jpg"
];//要加载的图片地址
loadimg(imgs,function(){
alert(this[0].src);
});

【原创】jQuery插件之Email地址格式判断

呵呵,不算是什么特别的东西,这个应该是第一次写的jQuery的插件。

jQuery.ISEmail = function(email){
var strlen = email.length;
var email_rule = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
return ( strlen >= 6 && strlen < = 40 && email_rule.test(email) );
}

使用很简单:
if ($.ISEmail('test@test.com')) {
alert('Email 地址格式正确');
} else {
alert('Email 地址格式错误');
}

一直都在使用,未发现特别的问题,如果你使用过程发现什么错误,请告诉我:)谢谢。

页面嵌入JavaScript脚本的URL“and”符号

在HTML页面中嵌入JavaScript脚本代码,如果代码内包含一些URL中的“and”符号(&),或者包含HTML元符号(用于输出结构的),如果不对javascript代码区进行注释声明处理,那么就不符合W3C标准当然也就不能通过w3c检测。
比如:
<script type="text/javascript">
var test='http://www.foudang.com/tag/?tag=%E5%81%87%E8%B4%A7&p=2';
</script>

是不可以的,但如果将 & 替换为 &amp; 是可以通过w3c验证的,不过,由于javascript处理URL会将&认为是变量的间隔符,如果改为 &amp; 那么实际上面的URL将会被处理为tag=xxx 和 amp;p=2。

这个时候可以使用注释声明:
<script type="text/javascript">
/* <![CDATA[ */
var test='http://www.foudang.com/tag/?tag=%E5%81%87%E8%B4%A7&p=2';
/* ]]> */
</script>

或者:
<script type="text/javascript">
//<![CDATA[
var test='http://www.foudang.com/tag/?tag=%E5%81%87%E8%B4%A7&p=2';
//]]>
</script>

都可以。

PS:事实上,我之前也有过“另类”的一种解决方法,对于HTML标签字符,我写到外部的js文件内;对于URL我就使用一个函数去构造,用起来也倒很方便,但现在看来有点弱智,呵呵。因为很早之前刚接触W3C的时候一味追求通过验证,根本没仔细研究过,为了标准而标准来着,这是很不好的一个方式……

CSS浏览器兼容问题整理(转)

若干个浏览器内核不同CSS解析可能就不同,甚至同一个内核的浏览器版本不同解析也可能不同:(

页面的CSS对于写程序虽然不是非常重要,不过就解决事情的一个整体流程而言,多多了解一些绝对没有坏事!

这又是一个整理并转载别人的总结。说实话,不太喜欢用一些Hack之类的,我写CSS的时候基本就是用手册和标准规定的东西。然后再打开不同浏览器发现问题,然后根据具体情况具体写,不过有时候某些变态问题真的很麻烦:(

浏览器真的是一个朝三暮四的讨厌家伙,希望什么时候各个浏览器都能遵循标准来解析,让页面不再用Hack!

同时,也呼吁一下大家将自己的浏览器升级一下吧,7年前的IE6真的不怎么地!!换IE7吧!!

不罗嗦了,开始——转——

更多 »

[转]用phpxref生成PHP项目的交叉参考文档

PHPXref -PHP Cross Referencing Documentation
Generator。通过遍历项目所有的文件为PHP项目生成文档的工具,生成的文档格式支持html以及gz方式的压缩文件,同时在文档中包含项目中设计到的基类、方法、函数、变量、注释、甚至涉及到的时间表结构甚至相互include、require到的文件等等,使用中我还发现它对smarty的模板文件的支持也很好。而注释则支持PHPDocumentor风格的注释,同时支持基于javascript的客户端的搜索。phpxref是用perl编写的,对于windows平台,它自己内嵌了TinyPerl 所以无需事先安装perl。所以要做的事情大多就是:

更多 »

javascript中的var_dump()

function var_dump(obj) {  if(typeof obj == "object") {     return "Type: "+typeof(obj)+((obj.constructor) ? "\nConstructor: "+obj.constructor : "")+"\nValue: " + obj;  } else {     return "Type: "+typeof(obj)+"\nValue: "+obj;  }}//end function var_dump用法:

alert(var_dump(变量名))

 

一个简洁好看的标签

  演示效果:点击这里浏览

  用到的图片有三个,如下:

更多 »

Deepseath Modified from Green Hope Theme · Proudly powered by WordPress · 津ICP备09005418号-1  津公网安备 12010302001005号