DesignCoding Studio

一切只要去努力!

定制颜色：
[ 显示模式： 摘要 | 列表 ]
分页：1/1
1
2009-08-28

利用Javascript取和设FCKeditor值

时间: 2009-8-28 9:47:40 作者: admin 阅读次数: 248
利用Javascript取和设FCKeditor值也是非常容易的，如下：

// 获取编辑器中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"");
[阅读全文]
JavaScript
2008-04-21

JS 创建节点

时间: 2008-4-21 9:50:38 作者: admin 阅读次数: 867
                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);
                }

[阅读全文]
JavaScript
2008-04-01

JS 删除Table中的一行

时间: 2008-4-1 14:20:47 作者: admin 阅读次数: 1929

提示：您可以先修改部分代码再运行

[阅读全文]
JavaScript
2008-03-19

给表格排序的JS

时间: 2008-3-19 8:33:09 作者: admin 阅读次数: 665
一个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文件下载


[阅读全文]
JavaScript
2008-02-28

JScript 获取Url参数

时间: 2008-2-28 14:43:37 作者: admin 阅读次数: 697
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("&"));
          }
     }
}

[阅读全文]
JavaScript
2007-11-07

用 document.body.scrollTop,document.body.scrollLeft 总是零的原因

时间: 2007-11-7 12:02:11 作者: admin 阅读次数: 727

用 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 ;


[阅读全文]
JavaScript
2007-11-06

解决div总是被select遮挡的问题

时间: 2007-11-6 10:06:47 作者: admin 阅读次数: 658

这个方法好像可行，但前提是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>

[阅读全文]
JavaScript
2007-10-06

Js操作ListBox

时间: 2007-10-6 2:06:08 作者: admin 阅读次数: 507

选择人员或者部门或其他时,经常会用到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]);
}

}

[阅读全文]
JavaScript
2007-04-06

加Onload

时间: 2007-4-6 18:12:07 作者: admin 阅读次数: 535

加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', 函数名);

[阅读全文]
JavaScript
2007-04-06

批量添加Button样式.

时间: 2007-4-6 16:12:55 作者: admin 阅读次数: 711

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";};
      }
   }
}

[阅读全文]
JavaScript
分页：1/1
1