<![CDATA[代码设计工作室]]> http://www.designcoding.com/ zh 利用Javascript取和设FCKeditor值 http://www.designcoding.com/Article.aspx?ID=61 http://www.designcoding.com/Article.aspx?ID=61 JavaScript
// 获取编辑器中HTML内容
function getEditorHTMLContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.GetXHTML(true));
}

// 获取编辑器中文字内容
function getEditorTextContents(EditorName) {
var oEditor = FCKeditorAPI.GetInstance(EditorName);
return(oEditor.EditorDocument.body.innerText);
}

// 设置编辑器中内容
function SetEditorContents(EditorName, ContentStr) {
var oEditor = FCKeditorAPI.GetInstance(EditorName) ;
oEditor.SetHTML(ContentStr) ;
}

FCKeditorAPI是FCKeditor加载后注册的一个全局对象，利用它我们就可以完成对编辑器的各种操作。

在当前页获得 FCK 编辑器实例：
var Editor = FCKeditorAPI.GetInstance(""InstanceName"");]]> 2009-08-28 09:47:40 http://www.designcoding.com/Article.aspx?ID=61 JS 创建节点 http://www.designcoding.com/Article.aspx?ID=51 http://www.designcoding.com/Article.aspx?ID=51 JavaScript
                var Depts = s.split("@")[0].split("$");
                var Users = s.split("@")[1].split("$");
                var CBListDept = document.getElementById("CBListDept");
                var CBListUser = document.getElementById("CBListUser");
                var tbodyDept = CBListDept.childNodes[0]
                var tbodyUser = CBListUser.childNodes[0];
                var temptr = tbodyDept.childNodes;
                for(var i=temptr.length-1;i>-1;i--){
                    tbodyDept.removeChild(temptr[i]);
                }
                temptr = tbodyUser.childNodes;
                for(var i=temptr.length-1;i>-1;i--){
                    tbodyUser.removeChild(temptr[i]);
                }
                for(var i=0;i<Depts.length;i++){
                    var tr = document.createElement("tr");
                    var td = document.createElement("td");
                    var cbbox = document.createElement("input");
                    cbbox.type = "checkbox";
                    cbbox.name = "CBListDept";
                    cbbox.value = Depts[i].split(',')[1];
                    cbbox.id = "CBListDept_"+ i;
                    cbbox.onclick = function(){letDeptOrUser(this,'Dept')};
                    var lb = document.createElement("label");
                    var lbText = document.createTextNode(Depts[i].split(',')[0]);
                    lb.setAttribute("for","CBListDept_"+ i);
                    lb.appendChild(lbText);
                    td.appendChild(cbbox);
                    td.appendChild(lb);
                    tr.appendChild(td);
                    tbodyDept.appendChild(tr);
                }
]]> 2008-04-21 09:50:38 http://www.designcoding.com/Article.aspx?ID=51 JS 删除Table中的一行 http://www.designcoding.com/Article.aspx?ID=49 http://www.designcoding.com/Article.aspx?ID=49 JavaScript <html> <head> <title></title> <script type="text/javascript"> function Goto(){} function deleteCurrentRow(obj){ var tr=obj.parentNode.parentNode; var tbody=tr.parentNode; tbody.removeChild(tr); } </script> </head> <body> <table cellspacing="0" rules="all" bordercolor="#CCCCCC" border="1" id="dgFlowList" style="border-color:#CCCCCC;border-width:1px;border-style:solid;width:98%;border-collapse:collapse;MARGIN: 5px 0px"> <tr class="DataGrid_HeaderStyle" nowrap="nowrap" align="Center"> <td>流程名称</td><td>表单名称</td><td>上传附件</td><td>操作</td> </tr> <tr> <td style="width:35%;">请假单1</td> <td style="width:35%;">请假单</td> <td align="Center" style="width:10%;">不允许</td> <td align="Center" style="width:20%;"> <a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单1】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a> </td> </tr> <tr> <td style="width:35%;">请假单2</td> <td style="width:35%;">请假单</td> <td align="Center" style="width:10%;">不允许</td> <td align="Center" style="width:20%;"> <a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单2】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a> </td> </tr> <tr> <td style="width:35%;">请假单3</td> <td style="width:35%;">请假单</td> <td align="Center" style="width:10%;">不允许</td> <td align="Center" style="width:20%;"> <a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a> </td> </tr> <tr> <td style="width:35%;">请假单4</td> <td style="width:35%;">请假单</td> <td align="Center" style="width:10%;">不允许</td> <td align="Center" style="width:20%;"> <a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单4】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a> </td> </tr> </table> </body> </html>
提示：您可以先修改部分代码再运行
]]> 2008-04-01 14:20:47 http://www.designcoding.com/Article.aspx?ID=49 给表格排序的JS http://www.designcoding.com/Article.aspx?ID=38 http://www.designcoding.com/Article.aspx?ID=38 JavaScript JavaScript 的类库，用于table内容排序。使用很方便，不用每次都去调用数据库了。
特别适合多表查询的排序。加上<tbody>的style.display 切换，也可以实现分页。

演示效果

用法:

1.添加JS

QUOTE:
<SCRIPT src="../../sorttable.js" type="text/JavaScript"></SCRIPT>

2.添加TABLE,注意的是：一定要有ID,class为"sortable"

QUOTE:
<table class="sortable" id="mytable">

OK,可以了，简单的吧

如果觉得太单调，自己加点CSS吧，官方给出了改HEAD的CSS

QUOTE:
/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color:black;
    text-decoration: none;
}

 JS文件下载

]]> 2008-03-19 08:33:09 http://www.designcoding.com/Article.aspx?ID=38 JScript 获取Url参数 http://www.designcoding.com/Article.aspx?ID=35 http://www.designcoding.com/Article.aspx?ID=35 JavaScript
function GetUrlPrameter(){
     var  url  =   window.location+"" ;
     var id='';
     if (url.indexOf('&')==-1){
         id=  url.substring(url.indexOf("id=")+3,url.length);
     }
     else{    
         var temp=url.indexOf("&");
         id=url.substring(url.indexOf("id=")+3,url.indexOf("&"));
     }
     var page=''
     var urlpage=url.substring(url.indexOf("page="),url.length);
     if (urlpage.indexOf("page=")!=-1){  
          if (urlpage.indexOf("&")==-1){
               page=urlpage.substring(urlpage.indexOf("page=")+5,urlpage.length);
          }
          else{
               page=urlpage.substring (urlpage.indexOf("page=")+5,urlpage.indexOf("&"));
          }
     }
     var  usersn="";
     var urlsn=url.substring(url.indexOf("usersn="),url.length);
     if (urlsn.indexOf("usersn")!=-1){
         if (urlsn.indexOf("&")==-1){
              usersn=urlsn.substring(urlsn.indexOf("usersn=")+7,urlsn.length);
         }
         else{
              usersn=urlsn.substring(urlsn.indexOf("usersn=")+7,urlsn.indexOf("&"));
         }
     }
     var username="";
     var urlname=url.substring(url.indexOf("username="),url.length)
     if (urlname.indexOf("username")!=-1){
         if(urlname.indexOf("&")==-1){
              username=urlname.substring (urlname.indexOf("username=")+9,urlname.length);
         }
         else{
              username=urlname.substring(urlname.indexOf("username=")+9,urlname.indexOf("&"));
          }
     }
}
]]> 2008-02-28 14:43:37 http://www.designcoding.com/Article.aspx?ID=35 用 document.body.scrollTop,document.body.scrollLeft 总是零的原因 http://www.designcoding.com/Article.aspx?ID=7 http://www.designcoding.com/Article.aspx?ID=7 JavaScript 用 document.body.scrollTop,document.body.scrollLeft 总是零的原因 刚刚在写一个小东西,点击的时候在当前鼠标所在位置显示一个对话框.

终于在一个哥们的Blog上找到了资料了
如果顶部申明
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
document.body.scrollTop 要改成 document.documentElement.scrollTop
用下面的就可以在鼠标的下面提示一个小框框 

//view_window_test 是对像的id
//Temo_width 是弹出的DIV的宽度
// 20 是 弹出的DIV的高度

view_window_test.style.left= event.clientX + document.documentElement.scrollLeft - Temo_width/2;
view_window_test.style.top= event.clientY + document.documentElement.scrollTop + 20 ;

]]> 2007-11-07 12:02:11 http://www.designcoding.com/Article.aspx?ID=7 解决div总是被select遮挡的问题 http://www.designcoding.com/Article.aspx?ID=11 http://www.designcoding.com/Article.aspx?ID=11 JavaScript 这个方法好像可行，但前提是div层的大小、位置可知，对于在后台js文件中控制style的div就实效了。
我遇到的恰好就是这种情况，所以太遗憾了。
不过这个帖子还是应该收藏一下。

<html>
<head>
­
<meta http-equiv="Content-Type" c>
­
<title>JK:支持民族工业,尽量少买X货</title>
</head>
<body>
­
<iframe style="position:absolute;z-index:9;width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression(this.nextSibling.offsetLeft);" frameborder="0" ></iframe>
­
<form id="Form1" method="post">
­
<div style="z-index:10;position:absolute;background-color:blue;width:100;height:18;overflow:hidden;" >aaaaaaa<br/>bbbbbbb<br/>ccccccc</div>
­
<select style="width:200" ><option>test0<option>test1<option>test2<option>test3</select>
­
<br/>
­
<pre>
­
Div被Select挡住，是一个比较常见的问题。
­
有的朋友通过把div的内容放入iframe或object里来解决。
­
可惜这样会破坏页面的结构，互动性不大好。
这里采用的方法是：
虽说div直接盖不住select
­
但是div可以盖iframe，而iframe可以盖select,
­
所以，把一个iframe来当作div的底，
­
这个div就可以盖住select了.
</pre>
­
</form>
­
</body>
</html>
]]> 2007-11-06 10:06:47 http://www.designcoding.com/Article.aspx?ID=11 Js操作ListBox http://www.designcoding.com/Article.aspx?ID=10 http://www.designcoding.com/Article.aspx?ID=10 JavaScript 选择人员或者部门或其他时,经常会用到2个listbox,下面这js代码,希望能给大家以及自己带来方便 

function SelectAll()
{
var lst1=window.document.getElementById("SourceListBox");
var length = lst1.options.length;
for(var i=0;i<length;i++)
{
var v = lst1.options[i].value;
var t = lst1.options[i].text;
var lst2=window.document.getElementById("DestinationListBox");
lst2.options[i] = new Option(t,v,true,true);
}

}

function DelAll()
{
var lst2=window.document.getElementById("DestinationListBox");
var length = lst2.options.length;
for(var i=length;i>0;i--)
{
lst2.options[i-1].parentNode.removeChild(lst2.options[i-1]);
}
}

function SelectOne()
{
var lst1=window.document.getElementById("SourceListBox");
var lstindex=lst1.selectedIndex;
if(lstindex<0)
return;
var v = lst1.options[lstindex].value;
var t = lst1.options[lstindex].text;
var lst2=window.document.getElementById("DestinationListBox");
lst2.options[lst2.options.length] = new Option(t,v,true,true);

}

function DelOne()
{
var lst2=window.document.getElementById("DestinationListBox");
var lstindex=lst2.selectedIndex;
if(lstindex>=0)
{
var v = lst2.options[lstindex].value+";";
lst2.options[lstindex].parentNode.removeChild(lst2.options[lstindex]);
}

}
]]> 2007-10-06 02:06:08 http://www.designcoding.com/Article.aspx?ID=10 加Onload http://www.designcoding.com/Article.aspx?ID=19 http://www.designcoding.com/Article.aspx?ID=19 JavaScript 加Onload
１.过程 

function addEvent( node, evtType, func ) {
   if( node.addEventListener ) {
      node.addEventListener( evtType, func, false );
      return true;
}
else if( node.attachEvent )
   return node.attachEvent( "on" + evtType, func );
else
   return false;
}

２.调用 

addEvent( window, 'load', 函数名);
]]> 2007-04-06 18:12:07 http://www.designcoding.com/Article.aspx?ID=19 批量添加Button样式. http://www.designcoding.com/Article.aspx?ID=20 http://www.designcoding.com/Article.aspx?ID=20 JavaScript Button CSS 

function jzonmouse(){
   if (!document.getElementsByTagName) return;
   var inputs = document.getElementsByTagName("input");
   for (var i=0; i<inputs.length; i++) {
      var inp = inputs[i];
      if (inp.getAttribute("type").toLowerCase() == "button"||inp.getAttribute("type").toLowerCase() == "submit"){
         inp.onmouseover = function (){this.className="btn_mouseover";};
         inp.onmouseup = function (){this.className="btn_mouseup";};
         inp.onmousedown = function (){this.className="btn_mousedown";};
         inp.onmouseout = function (){this.className="btn_mouseout";};
      }
   }
}
]]> 2007-04-06 16:12:55 http://www.designcoding.com/Article.aspx?ID=20