<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet type="text/xsl" href="rss.xsl" media="screen"?>
<rss version="2.0">
  <channel>
    <title>拼吾爱程序人生 - javascript</title>
    <link>http://www.pin5i.com/showforum-186.html</link>
    <description>Latest 20 threads</description>
    <copyright>Copyright (c) 拼吾爱程序人生</copyright>
    <generator>Discuz!NT</generator>
    <pubDate>Tue, 07 Oct 2008 23:33:38 GMT</pubDate>
    <ttl>180</ttl>
    <item>
      <title>简易而又灵活的Javascript拖拽框架（五）</title>
      <description><![CDATA[一、开篇 
     在写了前几篇拖拽过后，有不少朋友留言说如果将拖拽结果持久化将会更好。在了解了Javascript对Cookie的操作还有一点JSON知识过后，修改了上一篇文章的代码，可以将结果保存在客户端Cookie，每次打开页面就可以载入上次拖拽的数据，得到上次的拖拽布局。

     查看示例

二、原理

     首先添加了两个方法：setCookie和getCooki]]></description>
      <link>http://www.pin5i.com/showtopic-20312.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Mon, 06 Oct 2008 22:19:00 GMT</pubDate>
    </item>
    <item>
      <title>从外部的js文件中获取ASPX页面的控件ClientID</title>
      <description><![CDATA[前言

当使用MasterPage、UserControl等容器时，为了避免控件的重复命名，asp.net会自动将容器中的控件生成一个ClientID（Control Tree中的可生成，否则不会生成）。

例如：ContentPlaceHolder1中的Button1默认情况下会生成“ctl00_ContentPlaceHolder1_Button1”的ClientID。

我们在R]]></description>
      <link>http://www.pin5i.com/showtopic-20309.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Mon, 06 Oct 2008 12:19:00 GMT</pubDate>
    </item>
    <item>
      <title>JavaScript + .Net 图片切割系统</title>
      <description><![CDATA[上一阵子做过一个JavaScript 图片切割效果，得到很多人关注。其中有很多人向我询问如何做一个真正的图片切割，这里需要声明一下：
首先js是不能操作客户端文件的（除非特殊情况），所以图片的切割必须在后台处理，对于客户端的图片可以先上传再切割；
还有是通过客户端传递的参数来处理图片，确实能得到展示图或预览图的效果（这是针对有些提出在后台处理的图片得不到预览图的效果来说的），下面会举例说明如何]]></description>
      <link>http://www.pin5i.com/showtopic-20305.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Sun, 05 Oct 2008 13:33:00 GMT</pubDate>
    </item>
    <item>
      <title>JavaScript 图片切割效果（带拖放、缩放效果）</title>
      <description><![CDATA[背景：

很久之前就在marry5.com看到这个效果，当时觉得很神奇，碍于水平有限，没做出来。
前些日子突然想做一个透镜效果，就突然想到了这个效果，于是找出当年“珍藏”的代码决定一尝所愿。

前言：

这个程序主要分三部分：层的拖放、层的缩放、图片切割（包括预览）。
其中层的拖放是很常见的效果，层的缩放有点难度，图片切割看着炫其实原理也很简单。
不过在实现的过程中也学习到很多以]]></description>
      <link>http://www.pin5i.com/showtopic-20304.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Sun, 05 Oct 2008 13:20:00 GMT</pubDate>
    </item>
    <item>
      <title>为LightBox 2.0 加入超大图时图片自动缩放功能</title>
      <description><![CDATA[为LightBox 2.0 加入超大图时图片自动缩放功能！

图片尺寸的计算是从THICKBOX中提取出来的，没有什么原创的东西，只是又加工了一遍。呵呵~~

LightBox 2.0的图片效果不错，就是如果图片的尺寸超大的话就把整个页面给撑坏了。所以才加上了这个自动缩放的功能！

源码下载：
8499


还有一个类似的效果，据传是从FACEBOOK中提取出来，叫做FACEB]]></description>
      <link>http://www.pin5i.com/showtopic-20250.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Sun, 28 Sep 2008 21:57:00 GMT</pubDate>
    </item>
    <item>
      <title>简易而又灵活的Javascript拖拽框架（一）</title>
      <description><![CDATA[一、开篇

最近在做js拖拽的时候，发现了一个强大而又灵活的拖拽框架，（之前用了代码混淆器，还好代码比较短，我就翻译过来了）利用这个框架不仅能实现简单的拖动，更能轻易的实现各种复杂的拖放功能。这一篇先实现最简单的拖拽，稍微复杂的拖放将在后面的文章里写出来。

二、代码

先把代码贴出来var Drag={
    &amp;quot;obj&amp;quot;:null,
    &amp;quot;in]]></description>
      <link>http://www.pin5i.com/showtopic-20202.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Sun, 21 Sep 2008 09:04:00 GMT</pubDate>
    </item>
    <item>
      <title>简易而又灵活的Javascript拖拽框架（四）</title>
      <description><![CDATA[一、开篇

似乎拖拽已经被写烂了，没得写的了，可是我这次又来了～

上一次写的是跨列拖放，这次我要带给大家的是跨页拖放。

可以到这里来看看效果：示例效果

说明：
1、如果将方框拖动到页签上立刻释放掉的话，则会被添加到该页的第一列的第一个位置；

2、如果将方框拖动到页签上并且停留片刻的话，则页面就会转换到该页，这个时候可以在页签上释放，也可以将方框拖动到此页的具体位置释放]]></description>
      <link>http://www.pin5i.com/showtopic-20227.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Tue, 23 Sep 2008 22:46:00 GMT</pubDate>
    </item>
    <item>
      <title>获取 GridView 编辑状态下单元格里的值</title>
      <description><![CDATA[还在使用这样的代码吗？var txtName = grid1.Rows.Cells.FindControl(&amp;quot;txtName&amp;quot;) as TextBox;
if (txtName != null)
{
    // 读取值
    // 
}其实这些工作（在单元格中查找控件，并尝试获取其中的值）已经被封装了。现在，只要调用 ExtractValuesFromCell 方]]></description>
      <link>http://www.pin5i.com/showtopic-20225.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Tue, 23 Sep 2008 12:37:00 GMT</pubDate>
    </item>
    <item>
      <title>用 JavaScript 调用服务器端的方法</title>
      <description><![CDATA[这里不是指调用简单的 PageMethod，因为静态方法是不能操作当前页面的控件的，所以静态的 PageMethod 作用就跟普通的 WebService 一样，比较局限。
那么，调用一般的服务器端方法，其实就是发起一个异步回调。最简单的实现办法，是通过 UpdatePanel 来做。
首先定义一个隐藏的 LinkButton，在其处理事件中，去调用我们要执行的操作：&amp;lt;asp:LinkB]]></description>
      <link>http://www.pin5i.com/showtopic-20224.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Tue, 23 Sep 2008 12:35:00 GMT</pubDate>
    </item>
    <item>
      <title>效果不错的JavaScript拖拽解决方案</title>
      <description><![CDATA[基本思路：

拖拽的基本动作：鼠标左键用于选择拖拽元素，鼠标位置移动用于控制拖拽元素的移动，鼠标释放用于触发拖拽元素放置的代码（这其中可能有成功到达有效区域，也有可能会在无效区域进行鼠标释放）。 我们通过记录鼠标的初始位置，在鼠标释放的时候，检测鼠标的位置是否为有效区域，并允许执行相关事件代码用于完成其它业务逻辑。


下面先让我们看一个示例：（该示例实现了一个类似邮件拖动的过程，从邮件]]></description>
      <link>http://www.pin5i.com/showtopic-20220.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Tue, 23 Sep 2008 07:54:00 GMT</pubDate>
    </item>
    <item>
      <title>简易而又灵活的Javascript拖拽框架（三）</title>
      <description><![CDATA[一、开篇

     这是这个拖拽系列的第三篇了，第一篇简单的介绍了一下这个拖拽框架，第二篇用这个框架做了一个Tab标签的拖放。这次用这个拖拽框架做一个更复杂一点的效果——跨列拖放。就像iGoogle和netvibes的个性页面布局那样。

8343

二、原理

框架在第一篇做了介绍，这里直接使用。

首先要找到每个可以拖动的item，对于每个拖动的item，对其注册组件Dr]]></description>
      <link>http://www.pin5i.com/showtopic-20204.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Sun, 21 Sep 2008 09:10:00 GMT</pubDate>
    </item>
    <item>
      <title>简易而又灵活的Javascript拖拽框架（二）</title>
      <description><![CDATA[一、开篇

在上一篇中，似乎不出来这个框架有多强大。是因为我们实现的效果太简单了，还不足以体现框架的强大和灵活，在这一节中，用这个灵活的框架轻易的来实现拖放！

8340

二、原理




框架的原理在上一篇文章中介绍了，这里就不在重复，直接开始使用这个框架了


首先通过Drag.init来注册拖动组件；


分析：

1、拖动开始的时候

将drag]]></description>
      <link>http://www.pin5i.com/showtopic-20203.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Sun, 21 Sep 2008 09:07:00 GMT</pubDate>
    </item>
    <item>
      <title>Mootools-1.2 学习笔记之ajax基本操作</title>
      <description><![CDATA[在mootools中封装了如下三个类来进行ajax调用，它们是：Request，Request.JSON，Request.HTML。 


     分别用于普通的XMLHttpRequest请求，json数据，html页面数据。 




     注：另外本人在ajaxhelper基础上加入了对用户控件调用的支持，并使用proxy支持对ashx的ajax调用。


   ]]></description>
      <link>http://www.pin5i.com/showtopic-20180.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Wed, 17 Sep 2008 12:51:00 GMT</pubDate>
    </item>
    <item>
      <title>Mootools-1.2 学习笔记之拖拽操作</title>
      <description><![CDATA[在mootools中实现元素的拖动很简单，下面演示了两种方式。
    
    方式一：对要拖动的DOM元素设置“makeDraggable”，如下：var myDrag = $('myElement').makeDraggable({
    onStart:function()
    {
      this.element.setOpacity(.5);
    },

]]></description>
      <link>http://www.pin5i.com/showtopic-20179.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Wed, 17 Sep 2008 12:48:00 GMT</pubDate>
    </item>
    <item>
      <title>Mootools-1.2 学习笔记之类实现</title>
      <description><![CDATA[在mootools中可以使用initialize方法进行类初始化构构造如下（源码包中的basic_class.htm）：function AnnounceClass()
{
    var Cat = new Class({
        initialize: function(name){
            this.name = name;
        }
    }]]></description>
      <link>http://www.pin5i.com/showtopic-20178.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Wed, 17 Sep 2008 12:47:00 GMT</pubDate>
    </item>
    <item>
      <title>Mootools-1.2 学习笔记之event操作</title>
      <description><![CDATA[Mootools对元素提供了addEvent，removeEvent,addEvents,removeEvents,cloneEvents等方法，用于（批量）

添加或（批量）移除，以及clone事件等。下面代码为相应方法的使用示例：&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot;
    ]]></description>
      <link>http://www.pin5i.com/showtopic-20177.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Wed, 17 Sep 2008 12:33:00 GMT</pubDate>
    </item>
    <item>
      <title>Mootools-1.2 学习笔记之cookie操作</title>
      <description><![CDATA[在mootools中支持两种Cookie的读写方式，一种是普通方式，即键值对方式，而另一种是Hash表方式。
    
    第一种方法为：Cookie.write  //写Cookie
Cookie.read   //读Cookie使用方法如下所示：function writeCookie()
{
    var myCookie = Cookie.write('username',]]></description>
      <link>http://www.pin5i.com/showtopic-20176.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Wed, 17 Sep 2008 12:28:00 GMT</pubDate>
    </item>
    <item>
      <title>Mootools-1.2 学习笔记之基础操作</title>
      <description><![CDATA[在mootools中进行元素的获取，添加，清除等操作很方便，下面的js代码段演示了在指定的DOM元素的前后方向及
内部创建链接元素(a href)的用法（源码包中basic.htm文件中的“createElements()”方法）。       var alink = new Element('a', {
            'styles':
            {
      ]]></description>
      <link>http://www.pin5i.com/showtopic-20175.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Wed, 17 Sep 2008 12:20:00 GMT</pubDate>
    </item>
    <item>
      <title>JavaScript 仿LightBox内容显示效果</title>
      <description><![CDATA[近来要做一个LightBox的效果，不过不用那么复杂，能显示一个内容框就行了。
这个效果很久以前就做过，无非就是一个覆盖全屏的层，加一个内容显示的层。
不过showbo教了我position:fixed这个新特性，决定重写一遍。

如有什么问题或建议请务必提出，谢谢！

先看效果：

8311

动态效果请见：http://www.cnblogs.com/cloudgamer/]]></description>
      <link>http://www.pin5i.com/showtopic-20174.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Tue, 16 Sep 2008 20:35:00 GMT</pubDate>
    </item>
    <item>
      <title>John Resig谈TraceMonkey和基于JavaScript的RIA未来</title>
      <description><![CDATA[新发布的TraceMonkey是一个基于于跟踪（trace-based）的即时（JIT）编译器，将由Firefox的下一版本引入，借此提升JavaScript的性能。InfoQ采访了Mozilla JavaScript传道者及jQuery的创建者John Resig，以了解该激动人心的开发及其对基于JavaScript的RIA未来的影响。
InfoQ：你认为该开发将对RIAs产生何种影响？你认为]]></description>
      <link>http://www.pin5i.com/showtopic-20144.html</link>
      <category>javascript</category>
      <author>cobra</author>
      <pubDate>Thu, 11 Sep 2008 21:10:00 GMT</pubDate>
    </item>
  </channel>
</rss>