<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>CG的技术博客 &#187; JavaScript</title>
	<atom:link href="http://fantaci.org/archives/tag/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://fantaci.org</link>
	<description></description>
	<lastBuildDate>Tue, 20 Jul 2010 01:53:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>[JS]使用JavaScript编写和实现的可变动态密码输入键盘控件</title>
		<link>http://fantaci.org/archives/642</link>
		<comments>http://fantaci.org/archives/642#comments</comments>
		<pubDate>Mon, 26 Apr 2010 02:53:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[技术分享]]></category>
		<category><![CDATA[源程序]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[分享]]></category>
		<category><![CDATA[源代码]]></category>
		<category><![CDATA[算法]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=642</guid>
		<description><![CDATA[今天要分享的是CG做的一个简单的JavaScript编写和实现的可变动态密码
输入控件，可以动态的生产数字键盘并显示，并且可以实现每次点击后密
码键盘重新加载，可以手动控制隐藏和显示，手动控制刷新等功能。

相信经常登陆网上银行或者某些游戏网站的朋友应该会经常看到这个控件
，其实实现起来原理并不复杂，主要是通过随机生产数字，然后通过hash
算法，安排数字的位置，CG这里用了最简单的占位算法，虽然效率比较低
（o(n^2)),但是处理10个数字（最差是55次）是足够的,如果带上字母键盘
和特殊字符的话，建议更换算法。<p><a href="http://fantaci.org/archives/642">[JS]使用JavaScript编写和实现的可变动态密码输入键盘控件</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>最近CG在上海冈三华大公司实习，也算是上岗前的试用，除了平时在公司
上网受到限制无法与外界取得联系之外，目前状况一切良好，请诸位不用
担心，CG在此谢过！
今天要分享的是CG做的一个简单的JavaScript编写和实现的可变动态密码
输入控件，可以动态的生产数字键盘并显示，并且可以实现每次点击后密
码键盘重新加载，可</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/642/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>兼容IE和FF浏览器的Select控件的增加option选项操作</title>
		<link>http://fantaci.org/archives/621</link>
		<comments>http://fantaci.org/archives/621#comments</comments>
		<pubDate>Wed, 27 Jan 2010 12:14:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[技术分享]]></category>
		<category><![CDATA[源程序]]></category>
		<category><![CDATA[FF]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[编程]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=621</guid>
		<description><![CDATA[对页面中下拉列表操作时，FF和IE的操作方法是不同的，这一点需要在使用的过程中加以注意，在浏览器Select控件的增加option的方法有很多方法，以下是最常用的，IE和FF有所不同。
<p><a href="http://fantaci.org/archives/621">兼容IE和FF浏览器的Select控件的增加option选项操作</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>对页面中下拉列表操作时，FF和IE的操作方
法是不同的，这一点需要在使用的过程中加
以注意，在浏览器Select控件的增加option
的方法有很多方法，以下是最常用的，IE和
FF有所不同。
IE提供一个add方法用对Select对象的Option
items进行操作，高版本IE是不允许对Option数组
进行操作，否则会报尚未实现或者对象错误。
但是</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/621/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[Javascript]使用Jquery原理实现一个简单的Ajax的支持JS类</title>
		<link>http://fantaci.org/archives/600</link>
		<comments>http://fantaci.org/archives/600#comments</comments>
		<pubDate>Sun, 24 Jan 2010 13:17:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[源程序]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=600</guid>
		<description><![CDATA[相信Ajax技术对于一个Web开发者来说应该是很熟悉的东西了，Ajax的出现让web页
面交互有了革命化的变化。对于Ajax来说，JQuery是一个不可多得的好JS库，但是
很多朋友并不了解Jquery对Ajax的实现过程，或者说不太了解，这点CG在此是不提
倡的，CG写下面代码一方面是为了解决一位网友的疑问，同时也希望那些如果想在
Jquery技术上有深入提高的朋友能够多看看Jquery源代码，而不是API，it easy!<p><a href="http://fantaci.org/archives/600">[Javascript]使用Jquery原理实现一个简单的Ajax的支持JS类</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>相信Ajax技术对于一个Web开发者来说应该是很熟悉的东西了，Ajax的出现让web页
面交互有了革命化的变化。对于Ajax来说，JQuery是一个不可多得的好JS库，但是
很多朋友并不了解Jquery对Ajax的实现过程，或者说不太了解，这点CG在此是不提
倡的，CG写下面代码一方面是为了解决一位网友的疑问，同时也希望那些如果想在
Jquer</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/600/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>[JavaScript]实现简单的类似Lightbox效果的页面弹出对话框</title>
		<link>http://fantaci.org/archives/579</link>
		<comments>http://fantaci.org/archives/579#comments</comments>
		<pubDate>Mon, 11 Jan 2010 06:51:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[技术分享]]></category>
		<category><![CDATA[未分类]]></category>
		<category><![CDATA[源程序]]></category>
		<category><![CDATA[程序设计]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[LightBox]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=579</guid>
		<description><![CDATA[相信LightBox之类的页面弹出窗口，大家在浏览的时候也应该是很常见的，
实现起来也不算太困难，CG今天把在上次发布的ETP项目源代码中的JS部分
提取出来，方便大家学习和使用。

实现原理：利用DIV的浮动和层的重叠，将对话框的Z-index设置为最高就可以了
另外对于遮罩层来说，只要使遮罩层在对话框层之下，其他页面元素之上即可，
如果需要美观的话，可以设置半透明效果。<p><a href="http://fantaci.org/archives/579">[JavaScript]实现简单的类似Lightbox效果的页面弹出对话框</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>相信LightBox之类的页面弹出窗口，大家在浏览的时候也应该是很常见的，
实现起来也不算太困难，CG今天把在上次发布的ETP项目源代码中的JS部分
提取出来，方便大家学习和使用。
实现原理：利用DIV的浮动和层的重叠，将对话框的Z-index设置为最高就可以了
另外对于遮罩层来说，只要使遮罩层在对话框层之下，其他页面元素之</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/579/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[ActionScript]用AS+JS实现IE等浏览器的强制弹出窗口附源代码</title>
		<link>http://fantaci.org/archives/481</link>
		<comments>http://fantaci.org/archives/481#comments</comments>
		<pubDate>Thu, 23 Jul 2009 08:43:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[个人生活]]></category>
		<category><![CDATA[技术分享]]></category>
		<category><![CDATA[源程序]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[源代码]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=481</guid>
		<description><![CDATA[上一篇日志讲到CG朋友要求对单独页面实现分别多种连接打开效果的实现
，里面提到IE或者其他的工具栏（yahoo,google）等可以拦截弹出窗口而
无法在用户浏览器实现的问题，除了上次提到的将open方法改成ShowMo
delDialog方法之外，CG今天分享一个用Flash/FLEX AS实现的强制用户
浏览器弹出窗口的方法，这种方法CG感觉是一种很流氓的方法，因为几乎
所有的用户浏览器都安装了Flash的PlugIn或者ActiveX，而用SWF文件来
实现弹出窗口那浏览器和工具栏也是没有办法的，而目前大部分的用户的
尤其是FF用户一般在浏览器安全上是允许访问网络的。<p><a href="http://fantaci.org/archives/481">[ActionScript]用AS+JS实现IE等浏览器的强制弹出窗口附源代码</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>ActionScript,JavaScript,源代码,Flash
上一篇日志讲到CG朋友要求对单独页面实现分别多种连接打开效果的实现
，里面提到IE或者其他的工具栏（yahoo,google）等可以拦截弹出窗口而
无法在用户浏览器实现的问题，除了上次提到的将open方法改成ShowMo
delDialog方法之外，CG今天分享一个用Flash/FLEX AS实现的强制用户
浏览</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/481/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>[Javascript]用JS实现WP的页面导航的新页面的不同打开方式</title>
		<link>http://fantaci.org/archives/479</link>
		<comments>http://fantaci.org/archives/479#comments</comments>
		<pubDate>Thu, 23 Jul 2009 08:36:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[个人生活]]></category>
		<category><![CDATA[技术分享]]></category>
		<category><![CDATA[源程序]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[WP]]></category>
		<category><![CDATA[教程]]></category>
		<category><![CDATA[源代码]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=479</guid>
		<description><![CDATA[最近CG的日语培训课程开始了，因为每天有很多的课业要完成，
所以最近没有怎么更新，请大家原谅。

昨天解决了一个朋友的小问题，CG感觉解决问题的方法很简单也
很实用，大家可能也会经常遇到，在这里分享给大家

问题如下，让Wordpress博客系统PHP自动生成的首页导航栏当
中的多个页面的导航的链接目标可以用不同的方式打开，比如当
前页面和新页面两种方式。
<p><a href="http://fantaci.org/archives/479">[Javascript]用JS实现WP的页面导航的新页面的不同打开方式</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>最近CG的日语培训课程开始了，因为每天有很多的课业要完成，
所以最近没有怎么更新，请大家原谅。
昨天解决了一个朋友的小问题，CG感觉解决问题的方法很简单也
很实用，大家可能也会经常遇到，在这里分享给大家
问题如下，让Wordpress博客系统PHP自动生成的首页导航栏当
中的多个页面的导航的链接目标可以用不同的方式打</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/479/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[Jquery]企业网站展示补充用Jquery实现简单的动态变化效果</title>
		<link>http://fantaci.org/archives/469</link>
		<comments>http://fantaci.org/archives/469#comments</comments>
		<pubDate>Fri, 17 Jul 2009 14:49:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[技术分享]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[源代码]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=469</guid>
		<description><![CDATA[上一篇日志发布了一个企业网站源代码，这篇日志主要补充一下Jquery的相关知识，Jquery是一种与Protype类似Js开发框架，而且很轻量化，深受广大像CG一样的程序员的喜爱，当然了用Jquery写出动态效果也是小菜一碟以下是CG用jquery实现的简单的动态效果，大家看到之后不要觉得JS代码很复杂哦<p><a href="http://fantaci.org/archives/469">[Jquery]企业网站展示补充用Jquery实现简单的动态变化效果</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>上一篇日志发布了一个企业网站源代码，这篇日志主要补充一下Jquery的相关知识，Jquery是一种与Protype类似Js开
发框架，而且很轻量化，深受广大像CG一样的程序员的喜爱，当然了用Jquery写出动态效果也是小菜一碟以下是CG
用jquery实现的简单的动态效果，大家看到之后不要觉得JS代码很复杂哦
下面是展示地址
http://www.f</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/469/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>[JavaScript]JS获取Radio值的Demo，简单的考试评分系统</title>
		<link>http://fantaci.org/archives/411</link>
		<comments>http://fantaci.org/archives/411#comments</comments>
		<pubDate>Sat, 02 May 2009 14:19:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[个人生活]]></category>
		<category><![CDATA[技术分享]]></category>
		<category><![CDATA[源程序]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[源代码]]></category>
		<category><![CDATA[编程]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=411</guid>
		<description><![CDATA[昨天和前天CG做了一个简单的休息调整，感觉很好，今天跟大家报到
下午查收邮件，关于一个JS的问题，问题大致如下：

一个认知风格测试，N道4选1的题目，A选项对应是0分，B对应是1分，CD类推，
点击判分后，可以根据响应分数显示用户属于哪种风格，比如，0-10分属于A型，
10-20分属于B型。<p><a href="http://fantaci.org/archives/411">[JavaScript]JS获取Radio值的Demo，简单的考试评分系统</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>昨天和前天CG做了一个简单的休息调整，感觉很好，今天跟大家报到
下午查收邮件，关于一个JS的问题，问题大致如下：
一个认知风格测试，N道4选1的题目，A选项对应是0分，B对应是1分，CD类推，
点击判分后，可以根据响应分数显示用户属于哪种风格，比如，0-10分属于A型，
10-20分属于B型。
解决方法：以四个Radio为一组，然</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/411/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[javaScript]用JS控制页面表单(From)中单选(Radio)控件值(value)的方法</title>
		<link>http://fantaci.org/archives/388</link>
		<comments>http://fantaci.org/archives/388#comments</comments>
		<pubDate>Wed, 22 Apr 2009 14:55:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[技术分享]]></category>
		<category><![CDATA[源程序]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[编程]]></category>

		<guid isPermaLink="false">http://www.fantaci.org/?p=388</guid>
		<description><![CDATA[今天将两个JavaScript的小技巧，原因很简单，因为CG最近在改一个网站的表单和
前几天的索迪项目的时候，发现在HTML表单中的单选框的值的控制，和选中控制上
让人很郁闷，特别是使用JSP的时候，所以今天讲两个JavaScript的小技巧来解决
这个问题
<p><a href="http://fantaci.org/archives/388">[javaScript]用JS控制页面表单(From)中单选(Radio)控件值(value)的方法</a> is a post from <a href="http://fantaci.org">fantaci.org</a> and <a href="http://cg45.cn">cg45.cn</a></p>
]]></description>
			<content:encoded><![CDATA[<p>今天将两个JavaScript的小技巧，原因很简单，因为CG最近在改一个网站的表单和
前几天的索迪项目的时候，发现在HTML表单中的单选框的值的控制，和选中控制上
让人很郁闷，特别是使用JSP的时候，所以今天讲两个JavaScript的小技巧来解决
这个问题
问题一：表格中每一行中的单选框在能不能在点击这一行之后自动被选中并且Ra</p>]]></content:encoded>
			<wfw:commentRss>http://fantaci.org/archives/388/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
