rainyjune-CSDN博客

原创添加 WinJS 控件

WinJS 控件是针对 Windows 商店应用设计的控件，它提供了众多控件，让开发更加轻松，同时保证了应用风格的一致性。有很多控件非常实用，例如 WinJS.UI.DatePicker，WinJS.UI.Rating等。完整的控件列表。

2013-08-08 17:20:06 1333 2

原创增加HTML控件并处理事件

应用程序免不了用到控件，例如按钮，下拉框等。Windows商店应用可以使用两种类型的控件，一类是标准的 HTML 控件，另一种是 WinJS 提供的控件。把一个 HTML 控件添加到应用中非常简单，和在网页中添加的方式一样，例如： An HTML Button 添加控件后还要处理控件事件，否则添加控件的意义不大。针对于 button 我们处理它的 click 事件。我们添加一个元素用于显示

2013-08-08 16:07:41 1984

转载拖拽文档元素

function stopEvent(evnt){ if(evnt.stopPropagation){ evnt.stopPropagation(); }else{ evnt.cancelBubble=true; } } function stopDefault(evnt){ if(evnt.preventDefault){ evnt.preventDefault(); } e

2011-11-16 10:12:49 389

原创可怜的 DOM Level 2 事件模型

DOM Level 2 事件模型很诱人，提供了更方便更灵活的方式处理事件。但 IE 不支持它， IE 有独有的事件处理机制，同时IE不支持第一阶段 capture phase。在另一个阵营，支持 DOM Level 2 事件模型的各种浏览器中，它们对事件处理的不一致让开发者陷入困惑中，特别是上图中的第一阶段 capture phase 。若为一个元素注册了多个函数， DOM 标准无法保证它

2011-11-15 13:32:32 466

原创鼠标事件发生时元素的定位

1.screenX 鼠标事件触发时相对于屏幕的水平坐标 2.screenY 鼠标事件触发时相对于屏幕的垂直坐标 3.clientX 鼠标事件触发时相对于浏览器内窗口的水平坐标 4.clientY 鼠标事件触发时相对于浏览器内窗口的垂直坐标

2011-11-14 09:56:50 429

原创 Nginx 1.0.9 在 Ubuntu 11.10 Server 上的安装

遇到的问题记录一下： 1.配置 --with-http_image_filter_module 时提示 requires the gd library. sudo apt-get install libgd2-xpm libgd2-xpm-dev 2.配置 --with-http_xslt_module 时提示 requires the libxml2/libxslt lib

2011-11-13 10:33:28 2162

原创 tar 命令

tar -cf archive.tar foo bar 创建压缩文件，内容是文件 foo 和 bar 。 tar -tvf archive.tar 列出 archive.tar 详细的文件列表 tar -xf archive.tar 解压 archive.tar 中的所有文件

2011-11-11 17:33:30 315

转载得到文档的尺寸

/** * 得到document的尺寸 * @return object */ function getDocumentSize(){ var size={}; if(document.documentElement && document.documentElement.scrollWidth){ size.width=document.

2011-11-08 14:51:59 291

转载得到页面偏移位置（滚动条偏移位置）

/** * 得到页面偏移位置（滚动条偏移位置） * */ function getPageOffset(){ var pageOffset={}; if(window.innerWidth){ pageOffset.x=window.pageXOffset; pageOffset.y=window.pageYOffset;

2011-11-08 14:38:14 1327

转载得到 URL 中的 query 参数

function getArguments(){ var args={}; var query=window.location.search.substring(1); var pairs=query.split("&"); for(var i=0;i<pairs.length;i++){ var pos=pairs[i].indexOf('=');

2011-11-08 11:43:36 3598

转载反转 HTML 元素的子节点

/** * @param Element_Node n */ function reverse(n){ var fragment=document.createDocumentFragment(); while(n.lastChild){ fragment.appendChild(n.lastChild); } n.appendChi

2011-11-03 17:12:22 390

转载将节点下所有文字变为大写

function myUpperCase(n){ if(n.nodeType==3){ n.data=n.data.toUpperCase(); }else{ for(var f=n.firstChild;f!=null;f=f.nextSibling){ myUpperCase(f); } } }

2011-11-03 15:53:40 334

转载 JavaScript:按字母排序列表的元素

/** * @param string ul * */ function sortLis(ul){ var u=document.getElementById(ul); var lis=u.getElementsByTagName('li'); var tmp=[]; for(var i=0;i<lis.length;i++){

2011-11-03 15:39:48 1252

转载 getElementsByClassName

function isMember(element,className){ var classes=element.className; if(!classes){ return false; } if(classes==className){ return true; } var whiteSpace=/\s+/; if

2011-11-03 15:05:19 314

转载鼠标的位置

function getMousePosition(e){ var e = e || window.event; var x = 0, y = 0; if (e.pageX || e.pageY) { x = e.pageX; y = e.pageY; } else if (e.clientX || e.clientY) { x = e.clientX + document.b

2011-11-02 20:05:32 450

原创得到鼠标选择的文字

function getSelectedText() { if (window.getSelection) return window.getSelection().toString(); if (document.getSelection) return document.getSelection(); if (document.selection) return doc

2011-11-01 14:08:49 307

原创 HTML 元素透明度

.translucent { /* this class makes a window partially transparent */ opacity: .75; /* Standard style for transparency */ -moz-opacity: .75; /* Transparency for older Moz

2011-10-27 17:47:12 587

原创图片与文字的混排版，图片在文字后

Background image test p#footer { color:#767676; font-size:.77em; } p#footer a{ background:url(http://www.google.cn/intl/zh-CN_cn/images/cn_icp.gif) top right no-repeat; pad

2011-10-27 17:10:39 493

原创 HTML 页面 DIV 边框圆角

div { border:1px solid #ccc; margin:2em auto 1em; max-width:650px; min-width:544px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }

2011-10-27 16:33:49 20934

原创 HTML 页面中 DIV 居中技巧

html { background-color:#fff; margin:0 1em; } body { text-align:center; } div { border:1px solid #ccc; margin:2em auto 1em; max-width:650px; min-width:544px;

2011-10-27 16:31:11 2651

原创将指定节点下的子节点倒序排列

/*** * 将指定节点下的子节点倒序排列 * @author rainyjune * @version 2011-10-26 * @param Node */ function reverseChildNodes(n){ var f=document.createDocumentFragment(); while(n.lastChild){

2011-10-26 16:38:09 452

原创 document.getElementsByClassName For IE

IE 6 不支持 document.getElementsByClassName ，如下是模拟函数: function getElementsByClassName(classname){ var d=document; var e=d.getElementsByTagName('*'); var

2011-10-22 14:16:58 1850

原创 HTML DOCTYPE

HTML 4.01 Transitional HTML 4.01 strict XHTML 1.0 Transitional XHTML 1.0 Strict XHTML 1.1

2011-10-19 09:23:06 75

原创得到指定节点下的图片

/*** * 得到指定节点下的图片，不包含子节点下的图片 * @author rainyjune * @param node * @return array

2011-10-17 11:38:28 295

原创统计 DOM 节点下子节点的数量

/** * @author rainyjune * @version 2011-10-17 */ function countTags(node){

2011-10-17 11:08:10 1491

原创 JavaScript 获取HTML文档节点的6种方式

HTML文档中含有如下内容： Name: 通过 javascript 访问此 Form 节点的方式是： window.onload=function(){ // First alert(d

2011-10-17 10:52:29 756

原创常用 vim 配置

在 Linux 环境中编辑 ~/.vimrc 文件，输入以下内容： set nu set autoindent set tabstop=4 set softtabstop=4 set shiftwidth=4 "Shortcuts :inoremap

2011-10-16 15:59:57 409

原创 TinyMCE Emotions 插件定制

emotions 插件是一个常用的 TinyMCE 插件。我们的目的是 1.将表情图案的 URL 设置成 http://localhost/emotionimg/smiley-cool.gif 格式 2.可以添加其他表情图案到此插件中首先实现第一个要求： 1.将

2011-10-16 15:57:20 726

为什么使用SMTP发送邮件？空间商经常会禁用PHP的 mail() 函数发送邮件更加灵活，无需被服务器端口或配置文件限制SMTP 比 mail() 函数更强大，更安全(支持SSL) 方案：Zend Framework 框架中包含的邮件类。(http://framework.zend.com/ )Swift Mailer (http://swiftmailer.org/ )PHPMailer (http://phpmailer.worxware.com ) 参考资料：h

2011-01-28 14:25:00 406

原创 Installing PEAR packages in a Windows XAMPP environment

This tutorial assumes you have installed XAMPP for Windows Version 1.7.3, the directory of your xampp is C:/xampp. Open the control panel then start Apache, visit http://localhost/xampp/pearinfo.php , now you can get pear info , the PEAR pa

2011-01-28 14:21:00 621

原创 zend studio 5.5 subversion :Server certificate verification failed: issuer is not trusted

Today when i am using Zend Studio 5.5.1 to checkout my project hosted by Goolge, this error message displayed on Source Control Output of Zend Studio:svn: PROPFIND request failed on '/svn/trunk' svn: PROPFIND of '/svn/trunk': Server certif

2011-01-28 14:21:00 1405

原创在RHEL5上搭建LAMP环境

安装RHEL5时不选择安装Apache,MySQL,PHP.下载XAMPP：http://www.apachefriends.org/zh_cn/xampp-linux.html安装：下载后请输入以下命令：进入 Linux shell 并以系统管理员的身份登录： su将下载的压缩文件释放到 /opt： tar xvfz xampp-linux-1.7.1.tar.gz -C /opt 警告：只允许使用上述命令安装 XAMPP。不要使用任何 Microsof

2011-01-28 14:19:00 359

原创集成 Zend Studio 和 Aptana

众所周知 Zend Studio 和 Aptana 分别是编写 PHP 和 JavaScript 的利器，作为 Web 开发者，经常需要编写这两种代码。若分别安装 Zend Studio 和 Aptana,不仅浪费硬盘空间，还严重占用计算机的内存资源。由于二者均基于 Eclipse ，我们就有了将它们集成在一起的可能。本篇文章中使用的是 Zend Studio 7.2.1 和 Aptana 2.0.5 。请注意 Aptana 有两个版本，分别是 Standalone Version 和 Eclipse Pl

2010-08-29 16:17:00 834