<?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>19~Blog &#124; &#187; js</title>
	<atom:link href="http://www.ll19.com/tag/js/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ll19.com</link>
	<description>今天总是好过昨天~</description>
	<lastBuildDate>Fri, 02 Jul 2010 13:10:48 +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>javascript的面向对象</title>
		<link>http://www.ll19.com/javascript_oop.html</link>
		<comments>http://www.ll19.com/javascript_oop.html#comments</comments>
		<pubDate>Wed, 07 Jan 2009 10:43:59 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.ll19.com/?p=153</guid>
		<description><![CDATA[JS的面向对象.

所谓JS面向对象当然不会像JAVA，AS3那样的完全面向对象语言所具有继承、多态，以及接口这样的概念。这里的面向对象只是创建JS“对象”后，调用“对象”中的方法。比如：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
&#60;html&#62; 
&#60;head&#62; 
&#60;title&#62;javascript_oop&#60;/title&#62; 
&#60;script type=&#34;text/javascript&#34;&#62; 
var Test = function&#40;&#41; &#123;
&#160;
	// 私有属性
	var key;
&#160;
	// 私有方法
	function private1&#40;&#41; &#123;
		alert &#40;&#34;测试私有方法private1&#34;&#41;;
	&#125;
	//测试私有
	private1&#40;&#41;;
&#160;
	return &#123;
		// 公用属性
		p : 1,
		// 公用方法
		getkey : function&#40;&#41; &#123;
			return this.key;
		&#125;,
		setkey : function&#40;key&#41; &#123;
			this.key = key;
		&#125;
	&#125;;
&#125;;
&#160;
// 测试公用
var t = new Test&#40;&#41;;
t.setkey&#40;100&#41;;
alert&#40;'调用公用属性：' + t.p&#41;;
alert&#40;'调用公用方法：' + t.getkey&#40;&#41;&#41;;
&#160;
function t1&#40;&#41; &#123;
t.private1&#40;&#41;;
&#125;
&#60;/script&#62; 
&#60;/head&#62; 
&#60;body&#62; 
&#60;a href=&#34;javascript:t1()&#34;&#62;测试调用私有方法&#60;/a&#62; 
&#60;/body&#62; 
&#60;/html&#62;


首先创建的var Test = function()  可以看做一个类似java的类，类名就是Test。之后创建对象var t = new [...]]]></description>
		<wfw:commentRss>http://www.ll19.com/javascript_oop.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>jQuery简单实现WordPress的Ajax留言</title>
		<link>http://www.ll19.com/plugin-jquery-wordpress-search-ajax-comment.html</link>
		<comments>http://www.ll19.com/plugin-jquery-wordpress-search-ajax-comment.html#comments</comments>
		<pubDate>Fri, 02 Nov 2007 05:12:05 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.ll19.com/index.php/94/plugin-jquery-wordpress-search-ajax-comment/</guid>
		<description><![CDATA[利用jQuery插件(jQueryForm)来超级简单实现WordPress的ajax留言.



也有很多类似的WordPress插件，以前也用过PHOTOTYPE的AJAX留言插件，但是根据自己站的情况来做的话会省去很多不必要的代码，而且安装太多插件站点变慢也是肯定的。
jQueryForm：http://www.malsup.com/jquery/form/
ajax留言用到jQueryForm插件，jQueryForm是jQuery提交整个表单最好用的插件之一，下面一个例子（拿WP的留言表单举例）：

1
2
3
4
5
6
7
8
&#60;form action=&#34;***/***.php&#34; method=&#34;post&#34; id=&#34;commentform&#34;&#62;
&#60;input type=&#34;text&#34; name=&#34;author&#34; id=&#34;author&#34; value=&#34;&#34; tabindex=&#34;1&#34;/&#62;
&#60;input type=&#34;text&#34; name=&#34;email&#34; id=&#34;email&#34; value=&#34;&#34; tabindex=&#34;2&#34;/&#62;
&#60;input type=&#34;text&#34; name=&#34;url&#34; id=&#34;url&#34; value=&#34;&#34; tabindex=&#34;3&#34; /&#62;
&#60;textarea name=&#34;comment&#34; id=&#34;comment&#34; tabindex=&#34;4&#34;&#62;&#60;/textarea&#62;
&#60;input name=&#34;submit&#34; type=&#34;submit&#34; id=&#34;submit&#34; tabindex=&#34;5&#34; value=&#34;(Submit comment)&#34;/&#62;
&#60;input type=&#34;hidden&#34; name=&#34;comment_post_ID&#34; value=&#34;postid&#34; /&#62;
&#60;/form&#62;

之后下面加入这段JS：

1
2
3
4
5
6
7
8
9
10
$&#40;'#commentform #submit'&#41;.click&#40;function&#40;&#41; &#123;
   $&#40;'#commentform'&#41;.ajaxForm&#40;function&#40;&#41; &#123; 
   	success: function&#40;result&#41; &#123;
    alert&#40;&#34;Thank you for your comment!&#34;&#41;; 
	&#125;,
	error : [...]]]></description>
		<wfw:commentRss>http://www.ll19.com/plugin-jquery-wordpress-search-ajax-comment.html/feed</wfw:commentRss>
		<slash:comments>48</slash:comments>
		</item>
		<item>
		<title>Jquery应用-全屏切换.</title>
		<link>http://www.ll19.com/plugin-jquery.html</link>
		<comments>http://www.ll19.com/plugin-jquery.html#comments</comments>
		<pubDate>Tue, 02 Oct 2007 21:41:16 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.ll19.com/?p=91</guid>
		<description><![CDATA[Jquery记录.



WORDPRESS升级到2.3后重做了皮肤，并且从prototype转为jquery，BLOG中用了jquery很多初级效果，这里提供一个全屏切换，有助我们在发表文章时候需要切换全屏来看的内容（比如代码），如下：
（注：这里用了jQuery.noConflict();，将$方法用jQuery代替。）

加大字号减小字号全屏-页面-切换


相关JS(点击上方按钮切换全屏观看):


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
jQuery.noConflict&#40;&#41;; //将$方法用jQuery代替
function fontBigger&#40;elt&#41;
&#123;
	//var work = jQuery(elt).parent().next(); //或者父目录的下一个目录
	var work = jQuery&#40;&#34;div[name='&#34;+elt+&#34;']&#34;&#41;;
	work.each&#40;function&#40;&#41;&#123;
		jQuery&#40;this&#41;.html&#40;&#34;&#60;span class='fontwrap' style='font-size:100%'&#62;&#34;+jQuery&#40;this&#41;.html&#40;&#41;+&#34;&#60;/span&#62;&#34;&#41;;
		var wrap=jQuery&#40;this&#41;.children&#40;'.fontwrap'&#41;;
		var m = wrap.css&#40;'fontSize'&#41;.match&#40;/(d+(?:.d+)?)(.*)/&#41;;
		wrap.css&#40;'fontSize', &#40;1.2 * parseFloat&#40;m&#91;1&#93;&#41;&#41; + m&#91;2&#93;&#41;;
	&#125;&#41;;
&#125;
function fontSmaller&#40;elt&#41;
&#123;
	//var work = jQuery(elt).parent().next();
	var work = jQuery&#40;&#34;div[name='&#34;+elt+&#34;']&#34;&#41;;
	work.each&#40;function&#40;&#41;&#123;
	jQuery&#40;this&#41;.html&#40;&#34;&#60;span class='fontwrap' style='font-size:100%'&#62;&#34;+jQuery&#40;this&#41;.html&#40;&#41;+&#34;&#60;/span&#62;&#34;&#41;;
	var wrap=jQuery&#40;this&#41;.children&#40;'.fontwrap'&#41;;
	var m = wrap.css&#40;'fontSize'&#41;.match&#40;/(d+(?:.d+)?)(.*)/&#41;;
	wrap.css&#40;'fontSize' , &#40;parseFloat&#40;m&#91;1&#93;&#41; /1.2&#41; + m&#91;2&#93;&#41;;
	&#125;&#41;;
&#125;
function texteOnly&#40;elt,th&#41;
&#123;
	//var texte = jQuery(elt).parent().next(); 
	var texte = jQuery&#40;&#34;div[name='&#34;+elt+&#34;']&#34;&#41;;
	jQuery&#40;&#34;body&#34;&#41;.toggleClass&#40;'onlytext_wrapper'&#41;; //BODY的CLASS＝onlytext_wrapper
	if &#40;this&#91;'backTextOnly'&#93;&#41; &#123; 
		texte.removeClass&#40;&#34;onlytext&#34;&#41;; 
		texte.addClass&#40;&#34;ottextq&#34;&#41;; //全屏用CLASS=onlytext
		jQuery&#40;th&#41;.parent&#40;&#41;.insertBefore&#40;jQuery&#40;&#34;#marktextonly&#34;&#41;&#41;.after&#40;texte&#41;;
		jQuery&#40;&#34;#marktextonly&#34;&#41;.remove&#40;&#41;;
		jQuery&#40;'body'&#41;.children&#40;&#41;.show&#40;&#41;;
		this.backTextOnly = false;
		return;
	&#125;
	//点击全屏
	texte.removeClass&#40;&#34;ottextq&#34;&#41;; [...]]]></description>
		<wfw:commentRss>http://www.ll19.com/plugin-jquery.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JS,AS间的交互通讯.</title>
		<link>http://www.ll19.com/js-as.html</link>
		<comments>http://www.ll19.com/js-as.html#comments</comments>
		<pubDate>Tue, 11 Sep 2007 11:35:26 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.ll19.com/?p=88</guid>
		<description><![CDATA[用播放器记录JS和AS间的相互调用.



当前播放&#8230;



分类&#8230;


PlayList&#8230;


- JS.AS间的交互通讯 -看了一个ajax+flash实现无刷新的多文件上传。http://digitarald.de/project/fancyupload/上面的地址提供了详细说明和demo~自己也顺便做了一下JS和AS间交互通讯的例子，改动以前的播放器，方法相对简单了些。首先选择解析不同的XML之后传入播放器（点分类下面的按钮），播放器再把相关信息传出来~~播放器例子的相关文件：&#8230;/asjs.rar~

加大字号减小字号全屏-页面-切换


相关代码(具体参照提供的源文):(可以切换为全屏观看代码)

简单说来~AS中要用ExternalInterface类建立和JavaScript的通讯,用addCallback方法将ActionScript中的方法注册为可调用。提供代码中注册playFlv方法可被外部调用：

15
16
17
18
var _methodflv = &#34;playFlv&#34;;
var e_areaflv = null;
var methodflv = playFlv;
var wasSuccessfulflv = flash.external.ExternalInterface.addCallback&#40;_methodflv, e_areaflv, methodflv&#41;;

JS解析XML之后传播放地址进去，并且显示一些相关信息在页面：

79
80
81
82
83
function OutPut&#40;out, title&#41; &#123;
	document.getElementById&#40;&#34;NowPlay&#34;&#41;.innerHTML = &#34;当前播放列表名称: --   《&#34; + title + &#34;》   --&#34;;
	thisMovie&#40;&#34;swf&#34;&#41;.playFlv&#40;out, title&#41;;
	document.getElementById&#40;&#34;FlvLink&#34;&#41;.innerHTML = &#34;FLV地址:   &#34; + &#34;&#60;a href=\&#34;&#34; + out + &#34;\&#34; target=\&#34;_blank\&#34;&#62;&#34; + out + &#34;&#60;/a&#62;&#34;;
&#125;

之后定义了一个要从AS中输出的变量putouttime：

119
120
putouttime = &#34; 播放时间: &#34; [...]]]></description>
		<wfw:commentRss>http://www.ll19.com/js-as.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>JS折叠菜单~</title>
		<link>http://www.ll19.com/moofx-js-menu.html</link>
		<comments>http://www.ll19.com/moofx-js-menu.html#comments</comments>
		<pubDate>Sun, 30 Jul 2006 07:30:55 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Collect]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.ll19.com/?p=43</guid>
		<description><![CDATA[

Moofx 超轻量级javascrip效果类库,moo.fx能做出很多的效果，这个折叠菜单和我侧栏中的about,tags用的折叠菜单类似，不过不同的是这个可加的栏目更多，效果更酷。
在发表文章中使用也更难~~ &#8211; 在文章中试用成功，具体这个页面：-
(现在改用jquery放弃了prototype，需要的话直接下载压缩包。)
大家可以点击上图观看效果，或者下载DEMO
修改之后的效果~
Moofx提供
]]></description>
		<wfw:commentRss>http://www.ll19.com/moofx-js-menu.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>TimeLine~</title>
		<link>http://www.ll19.com/timeline-js.html</link>
		<comments>http://www.ll19.com/timeline-js.html#comments</comments>
		<pubDate>Wed, 12 Jul 2006 01:06:27 +0000</pubDate>
		<dc:creator>19.</dc:creator>
				<category><![CDATA[Collect]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[timeline]]></category>

		<guid isPermaLink="false">http://www.ll19.com/gl-ll/?p=33</guid>
		<description><![CDATA[

这个类似GOOGLEMAP，可以把你的日志或者工作和生活计划像地图一样标记在一条时间轴上(点击上图浏览我的timeline)，你可以拖拽这条时间轴来显示以前时间发生的或者将要做的事，点击时间轴上的标题就能显示出具体的计划和日志，非常方便有趣。
具体请到这个页面：
http://www.ll19.com/timeline1/timeline.html
官网（http://simile.mit.edu/timeline/）也提供了详细的制作方法，去做一条timeline吧~


]]></description>
		<wfw:commentRss>http://www.ll19.com/timeline-js.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
