手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表分类:Javascript

基于jQuery的singleEdit

Submitted by gouki on 2010, April 2, 10:06 PM

官方的例子用起来很爽，所以，如果觉得有适用的话，可以尝试一用。当然我不认为这玩意可以真正用在前台上，如果用于后台还是可以接受的。唯一可以尝试用于前台的就是日历控件，长的也不错。压缩后20K还是可以被广大人民群众所接受。如果可以再分拆，或许会更小吧？试了一下，感觉效率不是特别的高？但真的扔在后台还是问题不大的。
样式也不错。。。。
官方在http://www.wbfsaworkstation.com.cn/#，好长的网址啊
大小: 20.71 K 尺寸: 454 x 346 浏览: 1858 次 点击打开新窗口浏览全图
大小: 32.95 K 尺寸: 500 x 338 浏览: 1836 次 点击打开新窗口浏览全图

Tags: singleedit, jquery

Javascript | 评论:0 | 阅读:17607

jQuery EasyUI

Submitted by gouki on 2010, March 28, 8:58 PM

这两天在博客园不停的看到有人在讲这个EasyUI，而且cssrain也在第一期的资讯中介绍了这个UI框架。当然我在资讯前已经看到这个UI框架的介绍了，并有幸下载了一下，才知道这个插件，应该是中国人写的。。。

用起来，整体感觉还行，easyUI的介绍是说轻量级替代extjs框架的UI框架。事实上从应用方面来说，或许是比extjs简单，因为需要写js代码的地方很少，但并不代表BUG不少。例子里就有很多BUG。所以，如果是简单的用，那还是可以接受的。最起码那个login页面还是可以尝试着套用一下。然后就是那个layout。。。
login的demo中，如果按了最小化，窗口都消失了。如果页面上没有open window，那，如何再次打开这个窗口？呵呵。
当然，这个框架看上去很美。也不算特别大。他的一些参数是直接写在html标签中的，也就是说他利用的是html标签，而不象extjs，纯粹是用js代码来实现。
更多的参考可以看这里：http://jquery-easyui.wikidot.com/tutorial
目前不建议在项目中使用，如果是尝试性的项目，而且美工又不好的人，是可以尝试一下，最起码不会象extjsv那样难学。也没有那样耗资源吧。

Tags: easyui, jquery, extjs

Javascript | 评论:0 | 阅读:21453

jQuery 源码阅读器

Submitted by gouki on 2010, March 28, 8:21 AM

jQuery发展到现在，经历过很多版本。大多数用户都是经历过1.2.6，1.3.1，和如今 的1.4.1的，每次每版本发布的时候都会有新功能实现，而且作者还会说，我们改进了XXX功能。
那么，对于一个用户来说，我们当然是不关心这些函数如何实现的。可如果你想学习jQuery的原理和基本的实现方法，阅读源码就显得至关重要了。
源码有上千行。怎么办？为了某一个方法，你不停的看1.2.6和1.3.1以及1.4.1的代码？再分析？
不用这么麻烦的。真的，你看这里：http://james.padolsey.com/jquery/
网站的title直接就写了：jQuery source viewer，呵呵。选择一个版本，输入你想要看的内容。下面就直接显示出来了【oh ,居然还是代码自动完成+ajax?】
代码显示的时候，你还可以选择一个查看样式呢。emacs?vim?各种各样的配色都有。
不过。。好象代码没有注释的。感觉有点遗憾。
大小: 71.41 K 尺寸: 500 x 372 浏览: 1930 次 点击打开新窗口浏览全图

Tags: jquery

Javascript | 评论:0 | 阅读:19913

搜索引擎关键字高亮

Submitted by gouki on 2010, March 24, 8:54 AM

昨天在网上闲逛，发现Qihangnet的博客上有篇文章，很老的。06年的，介绍了如何让通过搜索引擎过来的关键字高亮。原文来自于支 持百度的搜索引擎来源的关键字加亮，仔细看了一下，文中介绍了一段JS，那段JS是这个网站http://www.kryogenix.org/code/browser/searchhi/的。再根据Qihangnet的文章，我也尝试进行了一些转换，找了网上的一些javascript的gb2312toUTF8的代码，结果却死活不正常。出来都是乱码。分析了一下searchhi的源码。核心的一块就是在判断浏览器过来的参数。于是我在无法用JS转换编码后用PHP实现了一下（其实很恶心，百度到现在都是GB2312......）。

PHP代码
  1. function getReferer ()  
  2. {  
  3.     if(isset( $_SERVER['HTTP_REFERER'] )){  
  4.         parse_str( parse_url( $_SERVER['HTTP_REFERER'] , PHP_URL_QUERY  ) , $query);  
  5.         if(isSet( $query['q'] ) ){  
  6.             return $query['q'];  
  7.         }else if ( isSet( $query['p'] ) ){  
  8.             return $query['p'];  
  9.         }else if ( isSet( $query['wd'] ) ){  
  10.             if(!$query['wd']){  
  11.                 return '';  
  12.             }  
  13.                         return iconv( 'gb2312', 'utf-8', urldecode( $query['wd'] ) );  
  14.             //return urlencode(iconv( 'gb2312', 'utf-8', urldecode( $query['wd'] ) ));  
  15.         }  
  16.     }  
  17.     return '';  
  18. }  

取回这个referer后的参数后，再用searchhi的代码进行高亮了一下。因为我只是简单实现，所以效果很差。理论上应该是要根据传递过来的参数右下角弹窗，进行文章推荐的。。但我懒得搞了。直接就searchhi的代码简单实现了一下。
效果如下：

大小: 93.62 K 尺寸: 322 x 376 浏览: 1774 次 点击打开新窗口浏览全图

 

Javascript | 评论:1 | 阅读:17272

如何使页面的链接在新窗口中打开

Submitted by gouki on 2010, March 18, 4:01 PM

我不知道这篇文章怎么算，因为我最后还是用了JS，所以我归类到javascript分类了。

页面中的链接在新窗口中打开，一般出现在专题、网页地图、列表中，因为在一般的网页里，如果所有的链接都是开新窗口，肯定用户体验一般。而如果每个链接都加上target="_blank"的话，仿佛听说是不符合w3c规范。但我是觉得，如果一个网页有上百个链接，都加上Target="_blank"，那是多少字节啊。

虽然现在不再是“惜字节如金”，但该节约的还是要节约。

于是我在页面的<head>标签里加上了<base target="_blank" />，因为记忆中，这个标签还可以控制showModalDialog里的链接不开新窗口或者影响父窗口（当然那时候是<base target="_self">）

兴冲冲的放到网上，结果同事测试下来，IE6和Firefox都正常。但IE7和IE8却都不正常。没办法，只能用js解决。本想用jquery来搞定，但为了这么小的功能就加载一个几十K的jQuery,我还不如直接在链接里加上target="_blank"呢。

最后写了如下代码：

JavaScript代码
  1. var aTag = document.getElementsByTagName('a');  
  2. for(i in aTag){  
  3.     aTag[i].target='_blank';  
  4. }  

OH YEAH，搞定。

 

Tags: base, target

Javascript | 评论:0 | 阅读:19769

Records:305«‹27282930313233343536›»