BlogJava-城市猎人-文章分类-javascripthttp://www.blogjava.net/sailor/category/33545.html在一网情深的日子里，谁能说得清是苦是甜，只知道确定了就义无反顾zh-cnTue, 14 Apr 2009 11:49:05 GMTTue, 14 Apr 2009 11:49:05 GMT60Javascript生成工具http://www.blogjava.net/sailor/articles/265012.htmlsailorsailorSat, 11 Apr 2009 07:08:00 GMThttp://www.blogjava.net/sailor/articles/265012.htmlhttp://www.blogjava.net/sailor/comments/265012.htmlhttp://www.blogjava.net/sailor/articles/265012.html#Feedback0http://www.blogjava.net/sailor/comments/commentRss/265012.htmlhttp://www.blogjava.net/sailor/services/trackbacks/265012.htmlJavaScript API 文档生成工具
http://developer.yahoo.com/yui/yuidoc

生成的前提是注释写法符合Jsdoc标准和YUI给出的标准

YUI Team实践出了一个高效易协作的前端代码开发流程：代码首先由Ant来组织管理和版本化、接着由JsLint来验证，然后由YUI Doc文档化、最后由YUI Compressor进行压缩发布。上个月初，YUI Team公布了这个新的JavaScript API文档生成工具YUI Doc，它本来专门为YUI提供API级别的文档的，现在它开源为人民服务了。
YUI Doc和JavaDoc、JSDoc和JsDoc Toolkit相似。YUI Doc是由注解驱动（comment-driven ）的系统，它通过解析代码中描述结构的注解来生成文档。由于它纯粹的依赖于注解，所以并不像一些模拟系统一样需要有惯用语和代码模式。更详细的介绍可以看YUI Doc的官方文档和YUIblog上的《YUI Doc: A New Tool for Generating JavaScript APIDocumentation》（由于YUI blog咱们无法访问，比较好的解决方案就是在Google Reader中订阅它的Feed，直接输入http://yuiblog.com即可。）
YUI Doc是基于Python开发，且依赖几个扩展库，加之其Getting Started写的也比较含糊，所以如何使用这个工具反而成为第一道门槛，尤其对于那些对Python不熟悉的同学来说。所以，下面的重点是介绍如何在Windows上使用YUI Doc：

  • 下载Python2.5.2安装之。
    虽然Python3.0和Python2.6都已经出来很久了，但之所以依旧选择Python2.5.2，是因为后面要用到的安装Python扩展库的工具setuptools在Windows下的最新版本对应的是Python2.5。我不知道它是否支持2.5以上，有兴趣的可以试试。
  • 下载setuptools-0.6c9.win32-py2.5.exe并安装之，setuptools会自动安装到Python所在安装目录的Scripts目录下。
    setuptools为Python提供了简单的包管理和发行功能。后面的扩展库的安装就是利用它的easy_install，非常方便。有兴趣的可以看看《可爱的 Python: 使用 setuptools 孵化 Python egg》。
  • 为了使用方便需要配置一下“环境变量”，即在“我的电脑 》右键 》属性 》高级 》环境变量 》系统变量 》 选中Path 》 编辑”，在弹出框中加入：;D:\Program Files\python;D:\Program Files\python\Scripts然后应用即可。前面的两个路径分别是我的Python和setuptools的安装路径，你需要修改成你自己的。
  • 开始 》运行 》(Win + R)输入“cmd”，输入：python -c "import pkg_resources"没有任何输出，即表示setuptools安装成功。接着依次输入运行：
    easy_install Pygments
    easy_install simplejson
    easy_install Cheetah
    setuptools会自动寻找并下载Pygments、SimpleJSON和Cheetah这三个扩展库，并安装它。
  • 下载YUI Doc，并解压在某个目录下。复制其bin目录下的example.bat文件，重命名为test.bat，然后用记事本或其他编辑器打开并配置它:SET yuidoc_home="D:\yui\yuidoc"
    REM YUI Doc的路径
    parser_in="D:\yui\src"
    REM 要生成文档的JS文件路径，比如为了测试就我临时建一个，里面就放着YUI 的 dom.js
    parser_out="D:\yui\src\parser"
    REM YUI Doc会把解析的JS文件提取出来所要存放的位置
    generator_out="D:\yui\src\generator"
    REM 生成文档存放的位置
    保存并运行test.bat后，就会发现D:\yui\src中多了parser和generator两个目录，而generator中正是你要的文档。
学会使用工具仅仅是开始了一小步，仔细看看YUI Doc的官方文档吧，利用其来促使我们写出更高效优雅的前端代码并惠及更多的人才是一大步

sailor 2009-04-11 15:08 发表评论
]]>隐藏显示framehttp://www.blogjava.net/sailor/articles/250845.htmlsailorsailorSun, 11 Jan 2009 03:27:00 GMThttp://www.blogjava.net/sailor/articles/250845.htmlhttp://www.blogjava.net/sailor/comments/250845.htmlhttp://www.blogjava.net/sailor/articles/250845.html#Feedback0http://www.blogjava.net/sailor/comments/commentRss/250845.htmlhttp://www.blogjava.net/sailor/services/trackbacks/250845.html思路：通过子frame改变父frame的cols设置实现父fame的隐藏。

center.html：父frame

1    <frameset cols='169,14,*' rows='*' frameborder='NO' border='0' id="oa_frame">
2        <frame id="le" name='leftarea'  src='left.jsp'   MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING='NO'/>
3        <frame name=middleframe src='middel.html'    scrolling='NO' frameborder='NO' noresize>
4        <frame name='main'      src='login.html'  MARGINWIDTH=0 MARGINHEIGHT=0 frameborder='no' scrolling='no' noresize />
5    </frameset>

middel.html:用于控制center.html中leftarea的隐藏与显示
 1<html xmlns="http://www.w3.org/1999/xhtml">
 2<head>
 3<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 4<title>无标题文档</title>
 5<style type="text/css">
 6<!--
 7body {
 8    margin-left: 0px;
 9    margin-top: 0px;
10    margin-right: 0px;
11    margin-bottom: 0px;
12}
13-->
14</style>
15<style> 
16.navPoint { 
17COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt 
18} 
19</style> 
20<script>
21function switchSysBar(){ 
22    var locate=location.href.replace('middel.html','');
23    var ssrc=document.getElementById("img1").src.replace(locate,'');
24    if (ssrc=="images/main_55.gif")
25    { 
26        document.getElementById("img1").src="images/main_55_1.gif";
27        window.parent.document.getElementById("oa_frame").cols="0,16,*";
28    } 
29    else
30    { 
31        document.getElementById("img1").src="images/main_55.gif";
32        window.parent.document.getElementById("oa_frame").cols="169,16,*";
33    } 
34} 
35</script>
36
37</head>
38
39<body style="overflow:hidden">
40<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
41  <tr>
42    <td width="6"  style="width:6px;"valign="middle" bgcolor="1873aa" onclick=switchSysBar()>
43        <SPAN class=navPoint id=switchPoint title=关闭/打开左栏>
44            <img src="images/main_55.gif" name="img1" width=6 height=40 id=img1>
45        </SPAN>
46    </td>
47    </tr>
48</table>
49</body>
50</html>
51



sailor 2009-01-11 11:27 发表评论
]]>RGB对应表http://www.blogjava.net/sailor/articles/249377.htmlsailorsailorWed, 31 Dec 2008 10:43:00 GMThttp://www.blogjava.net/sailor/articles/249377.htmlhttp://www.blogjava.net/sailor/comments/249377.htmlhttp://www.blogjava.net/sailor/articles/249377.html#Feedback0http://www.blogjava.net/sailor/comments/commentRss/249377.htmlhttp://www.blogjava.net/sailor/services/trackbacks/249377.html阅读全文

sailor 2008-12-31 18:43 发表评论
]]>动态增加、减少表格http://www.blogjava.net/sailor/articles/220300.htmlsailorsailorTue, 05 Aug 2008 14:54:00 GMThttp://www.blogjava.net/sailor/articles/220300.htmlhttp://www.blogjava.net/sailor/comments/220300.htmlhttp://www.blogjava.net/sailor/articles/220300.html#Feedback0http://www.blogjava.net/sailor/comments/commentRss/220300.htmlhttp://www.blogjava.net/sailor/services/trackbacks/220300.html<html>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<head>

<script language="javascript">
  function deleteRow(index){
    var tableObj=document.getElementById("mainBody");
    var rowObj=document.getElementById('row'+index);

    tableObj.removeChild(rowObj);

  }
  function addRow(){
     var tableObj=document.getElementById("mytable");
     var tableBodyObj=document.getElementById("mainBody");
     var newRowObj=document.createElement("tr");
     newRowObj.id="row"+(tableObj.rows.length-1);
    
     var newColName=document.createElement("td");
     var newColAge=document.createElement("td");
     var newColButton=document.createElement("td");
    
     newColName.innerHTML=document.getElementById("newName").value;
     newColAge.innerHTML=document.getElementById("newAge").value;
     newColButton.innerHTML='<input type="button" value="删除" onclick="deleteRow('+(tableObj.rows.length-1)+')">';
    
     newRowObj.appendChild(newColName);
     newRowObj.appendChild(newColAge);
     newRowObj.appendChild(newColButton);
    
     tableBodyObj.appendChild(newRowObj);
    
  }
</script>
</head>

<body>
<table width="100%" id="mytable" border="0" cellspacing="0" cellpadding="0">
 <tbody id="mainBody">
  <tr>
    <td>姓名</td>
    <td>年龄</td>
    <td>操作</td>
  </tr>
  <tr id="row0">
    <td>gaoxiang</td>
    <td>28</td>
    <td><input type="button" onclick="deleteRow(0)" value="删除"/></td>
  </tr>
   <tr id="row1">
    <td>gaoxiang</td>
    <td>28</td>
    <td><input type="button" onclick="deleteRow(1)" value="删除"/></td>
  </tr>
  </tbody>
</table>

<input type="text" name="name" id="newName" />
<input type="text" name="age" id="newAge"/>
<input type="button" onclick="addRow();"  value="新增"/>
</body>
</html>



sailor 2008-08-05 22:54 发表评论
]]>