老司机亚洲精品影院,亚洲日韩中文字幕无码一区,国产亚洲精品欧洲在线观看http://www.tkk7.com/lonleung/category/44563.html歡迎來到梁良 | LonBlog,這里記錄下了我生活點點滴滴。 zh-cnThu, 28 Aug 2014 13:56:04 GMTThu, 28 Aug 2014 13:56:04 GMT60Javascript和Ajax中文亂碼吐血版解決方案 http://www.tkk7.com/lonleung/archive/2014/08/27/417380.html梁良梁良Wed, 27 Aug 2014 00:22:00 GMThttp://www.tkk7.com/lonleung/archive/2014/08/27/417380.htmlhttp://www.tkk7.com/lonleung/comments/417380.htmlhttp://www.tkk7.com/lonleung/archive/2014/08/27/417380.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/417380.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/417380.html 

今天弄了一天的Ajax中文亂碼問題,Ajax的亂碼問題分為兩種:

1. JavaScript輸出的中文亂碼,

比如:alert("中文亂碼測試");

2. 這第二種就是Ajax從服務(wù)器端獲得的數(shù)據(jù)出現(xiàn)亂碼的問題。(我搜了n個小時試了n中方法才找到答案)

現(xiàn)在將我搜集的比較有效的方法都與大家分享:(我使用的開發(fā)環(huán)境是Eclipse,相信其他語言和開發(fā)環(huán)境都差不太多。)

 比如

var message = xmlHttp.responseText;
 alert("message: "+message);

獲得這個message輸出就是亂碼

 

解決辦法有兩種:

 

(1)在jsp文件里引入js文件時可以這樣寫:<script Charset="UTF-8" type="text/javascript" src="jslib/jquery-1.4.2.min.js"></script>,該方法具有移植性

(2)(該方法可能會導(dǎo)致?lián)Q一臺電腦導(dǎo)入項目后js文件里中文會亂碼). 修改編碼。切記要將代碼備份一下,改了編碼之后中文會變?yōu)閬y碼。

在js文件上右鍵點擊Properties,最好是在菜單欄欄里選擇Window-->Perferences(以絕后患),修改Text file encode 為UTF-8(這里應(yīng)當與jsp中的編碼相同) 

 

同樣的將JavaScript source file和JSP的Default encoding設(shè)置為UTF-8(這里應(yīng)當與jsp中的編碼相同,這樣以后的項目就都是utf-8的編碼了,推薦使用這個)

(2). 注意response.setContentType("text/html;charset=utf-8");和PrintWriter out = response.getWriter();的位置關(guān)系,切記要將PrintWriter out = response.getWriter();放在response.setContentType("text/html;charset=utf-8");的后面,否則設(shè)置的編碼將無效,這也是我弄了n久都搞不定的原因!!!

  

3. 客戶端發(fā)給服務(wù)器端得中文數(shù)據(jù)為亂碼

 

 

解決辦法:示例:客戶端的javaScript腳本

 

function verify(){
    $.get("AJAXServer?name="+encodeURI(encodeURI($("#userName").val())),null,function callback(data){$("#result").html(data);});
}

?注意:encodeURI需要使用兩次!

服務(wù)器端代碼:
          //1.取參數(shù)
          String str = request.getParameter("name");
          str = java.net.URIDecode.decode(str,"UTF-8") 



梁良 2014-08-27 08:22 發(fā)表評論
]]>
PSP版豆瓣電臺獨家發(fā)布 (2012-3-28 更新:公共頻道。) http://www.tkk7.com/lonleung/archive/2011/05/16/350341.html梁良梁良Mon, 16 May 2011 11:42:00 GMThttp://www.tkk7.com/lonleung/archive/2011/05/16/350341.htmlhttp://www.tkk7.com/lonleung/comments/350341.htmlhttp://www.tkk7.com/lonleung/archive/2011/05/16/350341.html#Feedback34http://www.tkk7.com/lonleung/comments/commentRss/350341.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/350341.html下載發(fā)布
 
中文名稱   psp版豆瓣電臺 (2011年6月24日 更新)
原文名稱   psp版豆瓣電臺
發(fā)行版本
開發(fā)人員
  1.1.5
  LonLeung
游戲類型   多媒體
發(fā)行廠商   豆瓣 © 2005-2012 douban.com, all rights reserved
容量大小   103 KB
語言   中文
其他   京ICP證090015號 京ICP備09113438 網(wǎng)絡(luò)視聽許可證0110418號 文網(wǎng)文[2009]267號

安裝和使用方法:將壓縮包“psp版豆瓣電臺”文件夾的“PSP”文件夾解壓在psp根目錄中,在XMB的“網(wǎng)絡(luò)”-》“互聯(lián)網(wǎng)電臺”-》“douban.fm”中打開。注意系統(tǒng)選擇中文,編碼GBK(936),瀏覽器文字編碼:自動選擇
        Update:                   

                    1.0.0
                    2010-6-18 新建PSP豆瓣電臺項目

                    1.0.1
                    2010-7-20 第一個Demo

                    1.0.2
                    2010-8-8  在1.0.1版本上增加了官方UI

                    1.0.3
                    2011-5-15 PSP豆瓣電臺發(fā)布

                    1.0.4
                    2011-5-17 新增加20個豆瓣頻道,用搖桿光標選擇下拉框的頻道后自動播放相應(yīng)頻道的歌曲

                    1.0.5
                    2011-5-22 新增豆瓣私人頻道

                    1.0.6
                    2011-5-23 新增加紅心、去紅心、刪除歌曲功能

                    1.1.0
                    2011-5-24 新增Lee MHz 頻道、優(yōu)化UI

                    1.1.1
                    2011-5-25 修正歌曲還差0.5秒未播放完就開始跳歌問題

                    1.1.2
                    2011-5-27 修正Skip歌曲時延時問題,增加短報告處理方法,刪除UI中多余的控件讓界面更清爽

                    1.1.3
                    2011-6-1  增加長報告處理方法,使后臺的歌曲喜好計算更加準確
                    1.1.4
                    2011-6-10 新增一臺服務(wù)器,今后開始采取自動腳本更新方式,方便同學(xué)們升級。
                    1.1.5
                    2011-6-24 作者 Saoirse Ronan 對豆瓣電臺圖標進行了美化修復(fù)

          psp版豆瓣電臺.rar (145.32 KB) 下載地址:

 

thunder://QUFodHRwOi8vMTI3LjAuMC4xLzExMDUxNjE4NDlmODdkN2EyOTNhZGRjNWVhLnJhcj9maWQ9ZnVTVnFDTTFNcDVkSlp1eGhMRjlKMjRSNGtwR1JRSUFBQUFBQUs2YldpMGo3SThjK2FRZzdkQ1pyandzWUxXcCZtaWQ9NjY2JnRocmVzaG9sZD0xNTAmdGlkPTRGMjJFOUUyQjkxMjhEN0UxRUNGNTUwMUE4NDNFOTRBJnNyY2lkPTZaWg==


(2011年5月18日 更新:新增加二十多個豆瓣頻道)
 
115網(wǎng)盤:http://u.115.com/file/bhnqilut
 
 thunder://QUFodHRwOi8vMTI3LjAuMC4xL3BzcOeJiOixhueTo+eUteWPsCgyMDExLTUtMTjmm7TmlrApLnJhcj9maWQ9VzVnWEZLbW90cThPOHpldmRnQmxUWFFtcUF1alJRSUFBQUFBQU9nZjBYeHVBaS9TVWZneUlwazN5c2hSL0FBZyZtaWQ9NjY2JnRocmVzaG9sZD0xNTAmdGlkPTU5RDA1MkYwNTJFMTQzQUEwMzg2N0QwNkZBM0YzREQ4JnNyY2lkPTZaWg==

(2011-5-22 更新:新增豆瓣私人頻道)

115網(wǎng)盤:http://u.115.com/file/aq86ktqe

(2011-5-23 更新:新增加紅心、去紅心、刪除歌曲功能)
115網(wǎng)盤:http://u.115.com/file/aq86k99f
 
(2011-5-24 更新:新增Lee MHz 頻道、優(yōu)化UI)
 
115網(wǎng)盤:http://u.115.com/file/aq867udi

(2011-5-25 更新:修正歌曲還差0.5秒未播放完就開始跳歌問題)
115網(wǎng)盤:http://u.115.com/file/e61dkddd

(2011-5-27 更新:修正Skip歌曲時延時問題,增加短報告處理方法,刪除UI中多余的控件讓界面更清爽)

        115網(wǎng)盤:http://u.115.com/file/e61dk1rk

thunder://QUFodHRwOi8vMTI3LjAuMC4xL3BzcOeJiOixhueTo+eUteWPsCgyMDExLTUtMjfmm7TmlrApLnJhcj9maWQ9M2dVc3dvVG1ZUWlONjlCYndoanZMQ2pPWXJwOG5BRUFBQUFBQU0xSUVyM003TnRiR1ZGY0hWYUE2WXJzejBIZiZtaWQ9NjY2JnRocmVzaG9sZD0xNTAmdGlkPTA2OTAyMjYxOTNGREFEMTgyRjdBNjg3MzU5NjE0Qzc2JnNyY2lkPTZaWg== 
 
 (2011-6-1 更新: 增加長報告處理方法,使后臺的歌曲喜好計算更加準確)
 
 dbank網(wǎng)盤: http://dl.dbank.com/c0pfpb8e53 

        (2012-3-28 更新: 公共頻道) 
 
        dbank網(wǎng)盤: http://dl.dbank.com/c0gdv0aj9c




梁良 2011-05-16 19:42 發(fā)表評論
]]>
向DWR傳遞map/返回maphttp://www.tkk7.com/lonleung/archive/2010/09/14/331941.html梁良梁良Mon, 13 Sep 2010 17:13:00 GMThttp://www.tkk7.com/lonleung/archive/2010/09/14/331941.htmlhttp://www.tkk7.com/lonleung/comments/331941.htmlhttp://www.tkk7.com/lonleung/archive/2010/09/14/331941.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/331941.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/331941.html 
1、調(diào)用沒有返回值和參數(shù)的JAVA方法
1.1、dwr.xml的配置
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod1"/>
</create>
</allow>
</dwr>
<allow>標簽中包括可以暴露給javascript訪問的東西。
<create>標簽中指定javascript中可以訪問的java類,并定義DWR應(yīng)當如何獲得要進行遠程的類的實例。creator="new"屬性指定java類實例的生成方式,new意味著DWR應(yīng)當調(diào)用類的默認構(gòu)造函數(shù)來獲得實例,其他的還有spring方式,通過與IOC容器Spring進行集成來獲得實例等等。javascript=" testClass "屬性指定javascript代碼訪問對象時使用的名稱。
<param>標簽指定要公開給javascript的java類名。
<include>標簽指定要公開給javascript的方法。不指定的話就公開所有方法。
<exclude>標簽指定要防止被訪問的方法。
1.2、javascript中調(diào)用
首先,引入javascript腳本
<script src=‘dwr/interface/ testClass.js‘></script>
<script src=‘dwr/engine.js‘></script>
<script src=‘dwr/util.js‘></script>
其中TestClass.js是dwr根據(jù)配置文件自動生成的,engine.js和util.js是dwr自帶的腳本文件。
其次,編寫調(diào)用java方法的javascript函數(shù)
Function callTestMethod1(){
      testClass.testMethod1();
}
2、調(diào)用有簡單返回值的java方法
2.1、dwr.xml的配置
配置同1.1
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod2"/>
</create>
</allow>
</dwr>
2.2、javascript中調(diào)用
首先,引入javascript腳本
其次,編寫調(diào)用java方法的javascript函數(shù)和接收返回值的回調(diào)函數(shù)
Function callTestMethod2(){
      testClass.testMethod2(callBackFortestMethod2);
}
Function callBackFortestMethod2(data){
     //其中date接收方法的返回值
     //可以在這里對返回值進行處理和顯示等等
alert("the return value is " + data);
}
其中callBackFortestMethod2是接收返回值的回調(diào)函數(shù)
3、調(diào)用有簡單參數(shù)的java方法
3.1、dwr.xml的配置
配置同1.1
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod3"/>
</create>
</allow>
</dwr>
3.2、javascript中調(diào)用
首先,引入javascript腳本
其次,編寫調(diào)用java方法的javascript函數(shù)
Function callTestMethod3(){
                 //定義要傳到j(luò)ava方法中的參數(shù)
      var data;
      //構(gòu)造參數(shù)
      data = “test String”;
      testClass.testMethod3(data);
}
4、調(diào)用返回JavaBean的java方法
4.1、dwr.xml的配置
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod4"/>
</create>
<convert converter="bean" match=""com.dwr.TestBean">
                  <param name="include" value="username,password" />
</convert>
</allow>
</dwr>
<creator>標簽負責公開用于Web遠程的類和類的方法,<convertor>標簽則負責這些方法的參數(shù)和返回類型。convert元素的作用是告訴DWR在服務(wù)器端Java 對象表示和序列化的JavaScript之間如何轉(zhuǎn)換數(shù)據(jù)類型。DWR自動地在Java和JavaScript表示之間調(diào)整簡單數(shù)據(jù)類型。這些類型包括Java原生類型和它們各自的封裝類表示,還有String、Date、數(shù)組和集合類型。DWR也能把JavaBean轉(zhuǎn)換成JavaScript 表示,但是出于安全性的原因,要求顯式的配置,<convertor>標簽就是完成此功能的。converter="bean"屬性指定轉(zhuǎn)換的方式采用JavaBean命名規(guī)范,match=""com.dwr.TestBean"屬性指定要轉(zhuǎn)換的javabean名稱,<param>標簽指定要轉(zhuǎn)換的JavaBean屬性。
4.2、javascript中調(diào)用
首先,引入javascript腳本
其次,編寫調(diào)用java方法的javascript函數(shù)和接收返回值的回調(diào)函數(shù)
Function callTestMethod4(){
      testClass.testMethod4(callBackFortestMethod4);
}
Function callBackFortestMethod4(data){
     //其中date接收方法的返回值
//對于JavaBean返回值,有兩種方式處理
             //不知道屬性名稱時,使用如下方法
           for(var property in data){
              alert("property:"+property);
              alert(property+":"+data[property]);
           }
//知道屬性名稱時,使用如下方法
           alert(data.username);
           alert(data.password);
}
其中callBackFortestMethod4是接收返回值的回調(diào)函數(shù)
5、調(diào)用有JavaBean參數(shù)的java方法
5.1、dwr.xml的配置
配置同4.1
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod5"/>
</create>
<convert converter="bean" match="com.dwr.TestBean">
                  <param name="include" value="username,password" />
</convert>
</allow>
</dwr>
5.2、javascript中調(diào)用
首先,引入javascript腳本
其次,編寫調(diào)用java方法的javascript函數(shù)
Function callTestMethod5(){
                 //定義要傳到j(luò)ava方法中的參數(shù)
      var data;
      //構(gòu)造參數(shù),date實際上是一個object
      data = { username:"user", password:"password" }
      testClass.testMethod5(data);
}
6、調(diào)用返回List、Set或者Map的java方法
6.1、dwr.xml的配置
配置同4.1
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod6"/>
</create>
<convert converter="bean" match="com.dwr.TestBean">
<param name="include" value="username,password" />
</convert>
</allow>
</dwr>
注意:如果List、Set或者Map中的元素均為簡單類型(包括其封裝類)或String、Date、數(shù)組和集合類型,則不需要<convert>標簽。
6.2、javascript中調(diào)用(以返回List為例,List的元素為TestBean)
首先,引入javascript腳本
其次,編寫調(diào)用java方法的javascript函數(shù)和接收返回值的回調(diào)函數(shù)
Function callTestMethod6(){
      testClass.testMethod6(callBackFortestMethod6);
}
Function callBackFortestMethod6(data){
     //其中date接收方法的返回值
//對于JavaBean返回值,有兩種方式處理
             //不知道屬性名稱時,使用如下方法
           for(var i=0;i<data.length;i++){
for(var property in data){
                  alert("property:"+property);
                  alert(property+":"+data[property]);
               }
}
//知道屬性名稱時,使用如下方法
for(var i=0;i<data.length;i++){
               alert(data.username);
               alert(data.password);
}
}
7、調(diào)用有List、Set或者Map參數(shù)的java方法
7.1、dwr.xml的配置
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod7"/>
</create>
<convert converter="bean" match="com.dwr.TestBean">
<param name="include" value="username,password" />
</convert>
</allow>
<signatures>
<![CDATA[
import java.util.List;
import com.dwr.TestClass;
import com.dwr.TestBean;
TestClass.testMethod7(List<TestBean>);
]]>
</signatures>
</dwr>
<signatures>標簽是用來聲明java方法中List、Set或者Map參數(shù)所包含的確切類,以便java代碼作出判斷。
7.2、javascript中調(diào)用(以返回List為例,List的元素為TestBean)
首先,引入javascript腳本
其次,編寫調(diào)用java方法的javascript函數(shù)
Function callTestMethod7(){
//定義要傳到j(luò)ava方法中的參數(shù)
      var data;
      //構(gòu)造參數(shù),date實際上是一個object數(shù)組,即數(shù)組的每個元素均為object
data = [
                      {
                         username:"user1",
                         password:"password2"
                      },
                      {
                         username:"user2",
                         password:" password2"
                      }
                  ];
      testClass.testMethod7(data);
}
注意:
1、對于第6種情況,如果java方法的返回值為Map,則在接收該返回值的javascript回調(diào)函數(shù)中如下處理:
function callBackFortestMethod(data){
           //其中date接收方法的返回值
           for(var property in data){
                  var bean = data[property];
                  alert(bean.username);
                  alert(bean.password);
              }
}
2、對于第7種情況,如果java的方法的參數(shù)為Map(假設(shè)其key為String,value為TestBean),則在調(diào)用該方法的javascript函數(shù)中用如下方法構(gòu)造要傳遞的參數(shù):
function callTestMethod (){
              //定義要傳到j(luò)ava方法中的參數(shù)
              var data;
              //構(gòu)造參數(shù),date實際上是一個object,其屬性名為Map的key,屬性值為Map的value
              data = {
                         "key1":{
                             username:"user1",
                            password:"password2"
                         },
                         "key2":{
                            username:"user2",
                            password:" password2"
                         }
                     };
              testClass.testMethod(data);
}
并且在dwr.xml中增加如下的配置段
<signatures>
<![CDATA[
import java.util.List;
import com.dwr.TestClass;
import com.dwr.TestBean;
TestClass.testMethod7(Map<String,TestBean>);
]]>
</signatures>
3、由以上可以發(fā)現(xiàn),對于java方法的返回值為List(Set)的情況,DWR將其轉(zhuǎn)化為Object數(shù)組,傳遞個javascript;對于java方法的返回值為Map的情況,DWR將其轉(zhuǎn)化為一個Object,其中Object的屬性為原Map的key值,屬性值為原Map相應(yīng)的value值。
4、如果java方法的參數(shù)為List(Set)和Map的情況,javascript中也要根據(jù)3種所說,構(gòu)造相應(yīng)的javascript數(shù)據(jù)來傳遞到j(luò)ava中。



梁良 2010-09-14 01:13 發(fā)表評論
]]>
國產(chǎn)開源在線HTML編輯器 xhEditor v1.1.0正式發(fā)布http://www.tkk7.com/lonleung/archive/2010/09/02/330673.html梁良梁良Thu, 02 Sep 2010 02:18:00 GMThttp://www.tkk7.com/lonleung/archive/2010/09/02/330673.htmlhttp://www.tkk7.com/lonleung/comments/330673.htmlhttp://www.tkk7.com/lonleung/archive/2010/09/02/330673.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/330673.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/330673.html我們不是最好的,但是我們會努力做的更好,我們愿意傾聽和接受所有用戶的心聲。最后,大家在使用過程中若發(fā)現(xiàn)任何的問題,或者有比較好的創(chuàng)意和想法,可以隨時向我們反饋(yanis.wang@gmail.com),我們會隨時傾聽大家的意見,xhEditor的發(fā)展離不開大家的支持。

本次v1.1.0版本主要變化如下
1,可自定義表情根路徑(emotPath參數(shù))
2,提供本地圖片等資源文件的前后臺路徑不一致問題的解決方案(urlBase參數(shù))
3,雙擊鏈接、圖片等直接打開修改界面
4,Word代碼粘貼過濾功能由原先的IE only改為跨瀏覽器兼容
5,強制粘貼為文本功能(forcePasteText參數(shù))
6,將本地電腦直接拖入編輯區(qū)域即可上傳在當前光標處,此功能需要HTML5上傳支持(Firefox,Chrome)

完整更新列表如下
ver 1.1.0 (2010-9-1)
1. 添加:添加由網(wǎng)友shiny原創(chuàng)設(shè)計的皮膚NoStyle
2. 添加:demo07 UBB演示頁面添加Google地圖插件,也作為不定寬按鈕的演示
3. 添加:添加urlType轉(zhuǎn)非相對路徑中合并“..”到上一級路徑的功能
4. 添加:添加emotPath初始化參數(shù),以將表情指向其它自定義URL路徑下,注意路徑必需以“/”結(jié)尾
5. 添加:添加urlBase初始化參數(shù),用來定義超鏈接、圖片及Flash等文件的相對根路徑,同時也是urlType參數(shù)的參考根路徑
6. 添加:經(jīng)用戶反饋意見,重新添加“預(yù)覽”功能按鈕
7. 添加:添加雙擊超鏈接、圖片、Flash和多媒體可直接打開相應(yīng)修改界面的功能,注:某些瀏覽器雙擊Flash和多媒體會有問題
8. 添加:打開面板時可按Esc鍵隱藏當前的面板
9. 添加:初始化參數(shù)添加disableContextmenu,用以禁用瀏覽器在編輯區(qū)域的默認右鍵菜單,設(shè)置為true禁用,默認不禁用
10.添加:Word粘貼自動過濾功能由原先的IE only增加為跨瀏覽器兼容
11.添加:添加強制粘貼為文本功能,初始化參數(shù)forcePasteText設(shè)置為true開啟此功能,默認不強制文本
12.添加:添加Pidgin和IPB兩套表情,并在demo05和demo07中添加相應(yīng)的配置演示
13.添加:初始化參數(shù)添加editorRoot,在某些特殊情況下定位編輯器的根路徑
14.添加:將本地電腦中的多個文件拖放至編輯器的編輯區(qū)即可上傳并插入,此功能需要瀏覽器支持HTML5上傳(Firefox,Chrome)

1. 修正:showIframeModal上傳模式下onUpload接口無效問題的修正
2. 修正:使用無效按鈕名稱會導(dǎo)致JS出錯問題的修正
3. 修正:IE6,IE7在iframe框架中使用xhEditor會在頁面中出現(xiàn)_xhe_cursor問題的修正
4. 修正:IE瀏覽器在圖片、FLASH等控件上按Backspace會導(dǎo)致整個頁面后退問題的修正
5. 修正:回車BR模式在IE瀏覽器下,按下回車只顯示一個空格不換行問題的修正
6. 修正:IE瀏覽器中會造成內(nèi)存泄漏問題的修正
7. 修正:WebKit內(nèi)核瀏覽器回車換行在切換一次源代碼后會丟失問題的修正

1. 調(diào)整:皮膚框架進行了調(diào)整,支持不定寬按鈕,需要的用戶可自行設(shè)計修改
2. 調(diào)整:為使按鈕配置更直觀簡便,原按鈕分隔符Separator變更為“|”,原按鈕換行符BtnBr變更為“/”
3. 調(diào)整:原localUrl參數(shù)名變更為urlType

查看最新版演示:http://xheditor.com/demo

更多官方在線演示
   1. 默認模式:http://xheditor.com/demos/demo01.html
   2. 自定義按鈕:http://xheditor.com/demos/demo02.html
   3. 皮膚選擇:http://xheditor.com/demos/demo03.html
   4. 其它選項:http://xheditor.com/demos/demo04.html
   5. Javascript交互:http://xheditor.com/demos/demo05.html
   6. 非utf-8編碼網(wǎng)頁調(diào)用:http://xheditor.com/demos/demo06.html
   7. UBB可視化編輯:http://xheditor.com/demos/demo07.html
   8. Ajax文件上傳:http://xheditor.com/demos/demo08.html
   9. 插件擴展:http://xheditor.com/demos/demo09.html
   10.iframe調(diào)用文件上傳:http://xheditor.com/demos/demo10.html
   11.異步加載:http://xheditor.com/demos/demo11.html

最新v1.1.0下載地址
http://xheditor.com/download



梁良 2010-09-02 10:18 發(fā)表評論
]]>
[ZT]用JavaScript修改CSS屬性http://www.tkk7.com/lonleung/archive/2010/08/06/328173.html梁良梁良Fri, 06 Aug 2010 14:44:00 GMThttp://www.tkk7.com/lonleung/archive/2010/08/06/328173.htmlhttp://www.tkk7.com/lonleung/comments/328173.htmlhttp://www.tkk7.com/lonleung/archive/2010/08/06/328173.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/328173.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/328173.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
exmpall
</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<STYLE type="text/css">
div{
padding: 0;
margin: 0;
position: absolute;
left:200px; /*左邊*/
top:0;   /*上面*/
display: none;
width: 180px;
height: 150px;
border-style: solid;
border-color: #E6C963;
border-width: thin;
}
</STYLE>
<SCRIPT TYPE="text/javascript">
<!--
function myfunction1()
{
var my=document.getElementById("chenyi");
my.style.position = "absolute";
my.style.top = "50px";   /*上面*/
my.style.display = "inline";
my.style.backgroundColor = "#E4A17C";
}

function myfunction2()
{
var my=document.getElementById("chenyi");
my.style.position = "absolute";
my.style.top = "150px";   /*上面*/
my.style.display = "inline";
my.style.backgroundColor = "#A3935F";
}

function myfunction3()
{
var my=document.getElementById("chenyi");
my.style.position = "absolute";
my.style.top = "200px";   /*上面*/
my.style.display = "inline";
my.style.backgroundColor = "#79851A";
}

function myfunction4()
{
var my=document.getElementById("chenyi");
my.style.position = "absolute";
my.style.top = "300px";   /*上面*/
my.style.display = "inline";
my.style.backgroundColor = "#ACACA9";
}

function myfunction5()
{
var my=document.getElementById("chenyi");
my.style.position = "absolute";
my.style.top = "400px";   /*上面*/
my.style.display = "inline";
my.style.backgroundColor = "#B38DD9";
}
// -->
</SCRIPT>
</head>

<body>
<FORM method="post" action="">
<br /><br />
<INPUT name="text1" type="text" onmouseover="myfunction1()"><br /><br /><br /><br />
<INPUT name="text2" type="text" onmouseover="myfunction2()"><br /><br /><br /><br />
<INPUT name="text3" type="text" onmouseover="myfunction3()"><br /><br /><br /><br />
<INPUT name="text4" type="text" onmouseover="myfunction4()"><br /><br /><br /><br />
<INPUT name="text5" type="text" onmouseover="myfunction5()"><br /><br />
</FORM>
<div id="chenyi">
<ol>
<li><a >高興</a></li>
<li>php</li>
<li>asp.net</li>
<li>javaEE</li>
<li>javascript</li>
</ol>
</div>
</body>
</html>

梁良 2010-08-06 22:44 發(fā)表評論
]]>
國產(chǎn)開源XHTML在線編輯器 xhEditor v1.0.0正式版發(fā)布http://www.tkk7.com/lonleung/archive/2010/07/02/325102.html梁良梁良Fri, 02 Jul 2010 11:43:00 GMThttp://www.tkk7.com/lonleung/archive/2010/07/02/325102.htmlhttp://www.tkk7.com/lonleung/comments/325102.htmlhttp://www.tkk7.com/lonleung/archive/2010/07/02/325102.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/325102.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/325102.html

xhEditor是一個基于jQuery開發(fā)的簡單迷你并且高效的可視化XHTML編輯器,基于網(wǎng)絡(luò)訪問并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
在眾多用戶不斷的問題回饋和意見反饋下,經(jīng)過長達1年零3 個月的不斷完善后,v1系列的正式版本v1.0.0 Final終于正式對外發(fā)布。經(jīng)過這么久的不斷開發(fā)修正和完善,v1.0.0 Final的BUG數(shù)量相對已經(jīng)非常少,我們有自信可以給大家交上一份滿意的答卷。

我們不是最好的,但是我們會努力做的更好,我們愿意傾聽和接受所有用戶的心聲。最后,大家在使用過程中若發(fā)現(xiàn)任何的問題,或者有比較好的創(chuàng)意和想法,可以隨時向我們反饋(yanis.wang@gmail.com),我們會隨時傾聽大家的意見,xhEditor的發(fā)展離不開大家的支持。

查看最新版演示:http://xheditor.com/demo

更多官方在線演示:
   1. 默認模式:http://xheditor.com/demos/demo01.html
   2. 自定義按鈕:http://xheditor.com/demos/demo02.html
   3. 皮膚選擇:http://xheditor.com/demos/demo03.html
   4. 其它選項:http://xheditor.com/demos/demo04.html
   5. Javascript交互:http://xheditor.com/demos/demo05.html
   6. 非utf-8編碼網(wǎng)頁調(diào)用:http://xheditor.com/demos/demo06.html
   7. UBB可視化編輯:http://xheditor.com/demos/demo07.html
   8. Ajax文件上傳:http://xheditor.com/demos/demo08.html
   9. 插件擴展:http://xheditor.com/demos/demo09.html
   10.iframe調(diào)用文件上傳:http://xheditor.com/demos/demo10.html
   11.異步加載:http://xheditor.com/demos/demo11.html

最新1.0.0 Final版本更新內(nèi)容(2010-7-1):
   1. 添加:添加html5Upload參數(shù),用以關(guān)閉HTML5上傳功能,若關(guān)閉HTML5上傳,則upMultiple參數(shù)無效
   2. 添加:添加delShortcuts API接口,以供插件或者外部動態(tài)的刪除快捷鍵

   1. 修正:UBB模塊背景色在Firefox瀏覽器下某些情況會丟失問題的修正
   2. 修正:IE6瀏覽器直接在標簽內(nèi)調(diào)用初始化JS代碼失敗問題的修正
   3. 修正:插件代碼在IE的某些特殊情況會造成焦點丟失問題的修正
   4. 修正:Firefox瀏覽器下用jQuery的load動態(tài)加載帶編輯器代碼頁面無效問題的修正
   5. 修正:從Word文檔粘貼內(nèi)容在Chrome瀏覽器中清理不完全問題的修正
   6. 修正:inlineStyle參數(shù)無效問題的修正
   7. 修正:IE瀏覽器粘貼無法清理Word文檔問題的修正

   1. 調(diào)整:優(yōu)化初始化代碼以提高初始化速度
   2. 調(diào)整:考慮到“關(guān)于”按鈕自動顯示容易影響正常用戶使用體驗,特關(guān)閉此按鈕的自動顯示功能
   3. 調(diào)整:考慮php的json支持需要5.2版本以上才支持,對演示上傳程序upload.php進行了適當?shù)恼{(diào)節(jié)以提高兼容性,并同時優(yōu)化了某些代碼流程
   4. 調(diào)整:upMultiple參數(shù)由原先的邏輯值,變更為數(shù)值型,代表允許一次最大上傳文件數(shù),允許值:大于0的整數(shù),等于1代表關(guān)閉多文件選擇
   5. 調(diào)整:縮略圖等參數(shù)分隔符逗號:“,”在非常多的特殊URL中容易出現(xiàn),因此變更為:“||”
   6. 調(diào)整:根據(jù)用戶反饋意見,將默認表情變更為QQ表情
   7. 調(diào)整:某些按鈕的功能代碼中使用title屬性傳值,會與某些toolTip插件沖突,因此變更傳值屬性值以提高兼容性
   8. 調(diào)整:關(guān)閉所有textarea在Chrome瀏覽器中的拖動改變大小功能
  
最新v1.0.0 Final下載地址:
http://xheditor.com/download



梁良 2010-07-02 19:43 發(fā)表評論
]]>
[轉(zhuǎn)]css透明、半透明層http://www.tkk7.com/lonleung/archive/2010/06/22/324212.html梁良梁良Tue, 22 Jun 2010 13:31:00 GMThttp://www.tkk7.com/lonleung/archive/2010/06/22/324212.htmlhttp://www.tkk7.com/lonleung/comments/324212.htmlhttp://www.tkk7.com/lonleung/archive/2010/06/22/324212.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/324212.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/324212.html這個效果在IE和Mozilla瀏覽器上都可以工作,代碼如下

1.HTML頁面直接寫

<img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="250" height="60" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:pointer;" />

2.JS中寫

在IE中需要通過"filter"來定義透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得這個效 果在兩種瀏覽器中都得到支持,需要把兩種設(shè)定都加進去。針對IE的設(shè)定:this.filters.alpha.opacity=50 而針對 Mozilla的設(shè)定:this.style.MozOpacity=0.5

3.CSS樣式表中寫

css代碼里這樣寫就可以:
.div {
     filter:alpha(opacity=50);/*IE*/
     opacity:0.5;/*Mozilla*/
     }



梁良 2010-06-22 21:31 發(fā)表評論
]]>
KindEditor 3.5 發(fā)布,開源的HTML在線編輯器http://www.tkk7.com/lonleung/archive/2010/06/20/324017.html梁良梁良Sun, 20 Jun 2010 13:53:00 GMThttp://www.tkk7.com/lonleung/archive/2010/06/20/324017.htmlhttp://www.tkk7.com/lonleung/comments/324017.htmlhttp://www.tkk7.com/lonleung/archive/2010/06/20/324017.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/324017.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/324017.html        3.5版本是3.x系列的改進版本,除了修復(fù)3.4.4版本的BUG之外,還有表格編輯、界面優(yōu)化,多語言、新API等功能的增加和改善,本次更新 對代碼改動較大,不兼容低版本的皮膚,但兼容低版本的插件。
主要變化:

1)表格:插入表格采用dialog,可設(shè)置常用屬性。插入表格后在表格上點擊右鍵彈出表格控制菜單。

2)右鍵菜單(contextmenu):支持左側(cè)小圖標、分割線,外觀更美觀。

3)菜單(menu):標題、字體、文字大小、顏色可以反映當前狀態(tài)。

4)表情:增加分頁和預(yù)覽,通過allowPreviewEmoticons屬性可關(guān)閉預(yù)覽表情功能。

5)彈出框(dialog):彈出框支持陰影效果,通過shadowMode可關(guān)閉陰影效果。

6)國際化:3.5版本開始所有中文都提取到一個js里,制作其它語言版本只需要翻譯src/lang/zh_CN.js即可。

7)新接口:引入KE.html, KE.text, KE.selectedHtml, KE.insertHtml, KE.appendHtml, KE.isEmpty等函數(shù)。

其它改善和bugfix:

--------

* 改善: 編輯器底部顯示向下拖動指示圖標。

* 改善: 點擊編輯器外的頁面其它部位時關(guān)閉菜單。

* 改善: 移除編輯器時將編輯器內(nèi)容設(shè)置到原來的textarea。

* 改善: 從外部粘貼內(nèi)容時自動將font轉(zhuǎn)換成span標簽。

* 改善: ASP.NET程序改成ashx,使用時不需要編譯。

* BUG: 改善了文章內(nèi)容比較多時速度比較慢的問題。

* BUG: 修改了在IE上選中圖片或表格后無法用backspace鍵刪除的問題。

* BUG: 修改了在Firefox上全屏后瀏覽器一直處于加載狀態(tài)的問題。

* BUG: 修改了在非IE上DOMContentLoaded事件不起作用的問題。

* BUG: 修改了刪除編輯器時沒有銷毀事件的問題。

* BUG: 修改了設(shè)置成無顏色時其它樣式也被刪除的問題。

* BUG: 修改了拖動時拖到瀏覽器外面放開鼠標后會粘住的問題。

* BUG: 修改了在Firefox上pre標簽自動生成br標簽的問題。

* BUG: 修改了在IE6上用KE.cmd.wrap方法設(shè)置class屬性后沒有效果的問題。

* BUG: 修改了在P標簽內(nèi)沒選中內(nèi)容時無法插入超級鏈接的問題。

* BUG: 修改了使用快捷鍵加粗體、斜體、下劃線時沒有同步的問題。

演示:

--------

http://www.kindsoft.net/demo.php

下載:

--------

http://www.kindsoft.net/down.php



梁良 2010-06-20 21:53 發(fā)表評論
]]>
location.reload和location.replace刷新頁面的區(qū)別http://www.tkk7.com/lonleung/archive/2010/06/08/323057.html梁良梁良Tue, 08 Jun 2010 07:10:00 GMThttp://www.tkk7.com/lonleung/archive/2010/06/08/323057.htmlhttp://www.tkk7.com/lonleung/comments/323057.htmlhttp://www.tkk7.com/lonleung/archive/2010/06/08/323057.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/323057.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/323057.htmllocation.reload和location.replace都可以實現(xiàn)頁面的刷新,他們的區(qū)別是什么?
reload 方法,該方法強迫瀏覽器刷新當前頁面。
語法: location.reload([bForceGet])
參數(shù): bForceGet, 可選參數(shù), 默認為 false,從客戶端緩存里取當前頁。
true, 則以 GET 方式,從服務(wù)端取最新的頁面, 相當于客戶端點擊 F5("刷新")

replace 方法,該方法通過指定URL替換當前緩存在歷史里(客戶端)的項目,因此當使用replace方法之后,你不能通過“前進”和“后退”來訪問已經(jīng)被替換的URL。
語法: location.replace(URL)
參數(shù): URL

在實際應(yīng)用的時候,重新刷新頁面的時候,我們通常使用: location.reload() 或者是 history.go(0) 來做。因為這種做法就像是客戶端點F5刷新頁面,所以頁面的method="post"的時候,會出現(xiàn)“網(wǎng)頁過期”的提示。那是因為Session的安全保護機制。可以想到: 當調(diào)用 location.reload() 方法的時候, aspx頁面此時在服務(wù)端內(nèi)存里已經(jīng)存在, 因此必定是 IsPostback 的。如果有這種應(yīng)用: 我們需要重新加載該頁面,也就是說我們期望頁面能夠在服務(wù)端重新被創(chuàng)建, 我們期望是 Not IsPostback 的。這里,location.replace() 就可以完成此任務(wù)。被replace的頁面每次都在服務(wù)端重新生成。你可以這么寫: location.replace(location.href)



梁良 2010-06-08 15:10 發(fā)表評論
]]>
[ZT]胡搞瞎搞JScript記(用JScript代替批處理文件)http://www.tkk7.com/lonleung/archive/2010/06/08/323012.html梁良梁良Mon, 07 Jun 2010 16:25:00 GMThttp://www.tkk7.com/lonleung/archive/2010/06/08/323012.htmlhttp://www.tkk7.com/lonleung/comments/323012.htmlhttp://www.tkk7.com/lonleung/archive/2010/06/08/323012.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/323012.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/323012.html
    上網(wǎng)找了會資料沒找著,后來在命令提示符下隨便輸入幾個自己知道的命令看看幫助,發(fā)現(xiàn)XCopy很容易就可以實現(xiàn)復(fù)制指定目錄下文件與所有子目錄下文件到目標目錄中,于是簡單寫了一段:

    xcopy F:\A\*.exe F:\B\ /S

    運行了下,好像可以哦~~于是就跟老蔡說OK啦!結(jié)果自己再測試下發(fā)現(xiàn)xcopy會把子目錄結(jié)構(gòu)也復(fù)制過去。。。。暈,那還不如自己復(fù)制粘貼呢。于是在命令行提示符窗口下又看了會xcopy的參數(shù)說明,就是找不到不復(fù)制目錄結(jié)構(gòu)的。。。

    怎么辦。。。還不如我寫個C#程序來得快呢。。。可是要用這個程序的同事機器上好像沒有.NET運行時啊,.NET運行時有時候就是很氣人,關(guān)鍵時候經(jīng)常發(fā)現(xiàn)對方?jīng)]有裝.NET運行環(huán)境,比如有時候要跟人家吹牛我做了什么好玩的,運行不了興致都沒了。

    用C寫吧,打開VS,建了個命令行項目,然后。。。。怎么寫?忘記啦。。。寫C語言已經(jīng)是快3年前的事情了,獲取目錄和子目錄我都不記得用什么函數(shù)了。上網(wǎng)找了會,各式各樣都有,唉,真煩~~不用C寫了。

   想起昨天晚上翻舊電子書時看到《Windows腳本技術(shù)》里有講到用JScript操作文件呢,于是趕快找出這本書。模仿里面的代碼寫了一段
   
var fso, f1;
fso 
= new ActiveXObject("Scripting.FileSystemObject"
);
f1 
= fso.GetFile("c:\\test.txt");

   保存為.js文件, 雙擊,怎么又是用編輯器開了。。。右擊,里面有個“在命令行中運行”,這個應(yīng)該不是默認的吧,不管了,運行看看。結(jié)果啥也沒有出現(xiàn)。。。

    趕緊再看看書上怎么說,原來下一章才開始講Windows腳本舍主,嘿嘿,還有一節(jié)叫:運行腳本,看來我太心急了,再繼續(xù)看看。

    原來可以做一個.wsf文件運行啊,而且還可以混合不同語言的腳本。。神奇啊。

    里面有這樣一段示例代碼:
    
<job id="IncludeExample">
   
<script language="JScript" src="FSO.JS"/>
   
<script language="VBScript">
      ' 獲得驅(qū)動器 C 的可用空間。
      s 
= GetFreeSpace("c:")
      WScript.Echo s
   
<sScript>

</job>

    于是我舉一反三,自己做了一個,嘿嘿,經(jīng)過一番調(diào)試,終于做了一個可以復(fù)制目錄和子目錄下所有.exe文件到指定目錄的wsf文件,哈哈。

<job id="IncludeExample">
    
<script language="JScript" >
        
        
var file = "*.exe";    //要復(fù)制的文件
        var des = "F:\\B";    //目標目錄

        
var fso,  f, fs, fc;

        fso 
= new ActiveXObject("Scripting.FileSystemObject");    //文件系統(tǒng)控件

        
        
try

        
{
            fso.CopyFile(file, des);
        }

        
catch(ex)
        
{
        }


        f 
= fso.GetFolder(".\\");

        fc 
= new
 Enumerator(f.SubFolders);

         
for ( ; !
fc.atEnd(); fc.moveNext())
        
{
            
try

            
{
                fso.CopyFile(fc.item().Path 
+ "\\" +
 file, des);
            }

            
catch(ex)
            
{
            }

        }


    
</script>
</job>

    復(fù)制一段《Windows腳本技術(shù)》中對WSF文件的定義:

Windows 腳本文件 (*.wsf) 是含有可擴展標記語言 (XML) 代碼的文本文檔。它綜合了幾個可增強腳本靈活性的功能。由于 Windows 腳本文件不是特定于引擎的,因此它們可包含與 Windows 腳本兼容的任何腳本引擎中的腳本。它們充當容器。

使用 .wsf 文件,可以在創(chuàng)建腳本時使用以下功能:

.wsf 文件支持 實現(xiàn)
Include 語句 將函數(shù)從 VBScript 或 JScript 文件合并到 Windows 腳本宿主項目中。
多引擎 每個文件使用多種腳本語言。
類型庫 將常數(shù)添加到代碼中。
工具 使用任何 XML 編輯器編輯文件。
一個文件中的多項作業(yè) 將所有的代碼存儲在一個位置。


梁良 2010-06-08 00:25 發(fā)表評論
]]>
[ZT]讓 vs2008支持jQuery的智能提示!http://www.tkk7.com/lonleung/archive/2010/04/10/317963.html梁良梁良Sat, 10 Apr 2010 14:33:00 GMThttp://www.tkk7.com/lonleung/archive/2010/04/10/317963.htmlhttp://www.tkk7.com/lonleung/comments/317963.htmlhttp://www.tkk7.com/lonleung/archive/2010/04/10/317963.html#Feedback0http://www.tkk7.com/lonleung/comments/commentRss/317963.htmlhttp://www.tkk7.com/lonleung/services/trackbacks/317963.html
想實現(xiàn)這個效果只需將一個 jQuery.IntelliSense.js 文件COPY到你項目的目錄里就可以了,以下是安裝步驟:

1. 將jQuery.IntelliSense.js放到項目目錄里

2.在需要智能提示的頁面里加入

<script language = "javascript" src="jQuery.IntelliSense.js"></script>


如果要在JS文件里,就寫成

/// <reference path="jquery.intellisense.js"/>


OK,完成啦,然后你就可以嘗試一下智能提示的感覺啦,呵呵


jQuery.IntelliSense.js可到以下獲取
http://brennan.offwhite.net/blog/2008/02/01/intellisense-for-jquery-in-visual-studio-2008/

或者直接在本地下載:
http://files.cnblogs.com/winsonet/jQuery.IntelliSense.rar

梁良 2010-04-10 22:33 發(fā)表評論
]]>
主站蜘蛛池模板: 久久精品免费电影| 亚洲日本一区二区三区在线| 青柠影视在线观看免费高清| 亚洲成av人在线观看网站| 亚洲Av无码专区国产乱码DVD| 国产成人免费一区二区三区| **一级毛片免费完整视| 黄桃AV无码免费一区二区三区| 亚洲欧洲AV无码专区| 亚洲校园春色小说| 亚洲成人动漫在线| 亚洲中文字幕无码一区| 亚洲成a人无码av波多野按摩| 岛国大片免费在线观看| 又粗又大又黑又长的免费视频 | 女人张开腿给人桶免费视频| 99久9在线|免费| 3344在线看片免费| 一个人看www免费高清字幕| 久久亚洲中文无码咪咪爱| 亚洲xxxx18| 精品亚洲AV无码一区二区| 亚洲另类古典武侠| 亚洲小说图片视频| 亚洲国产综合在线| 久久精品国产亚洲av麻豆色欲| 亚洲AV无码成人精品区在线观看 | 亚洲人配人种jizz| 亚洲免费观看网站| 亚洲精品中文字幕麻豆| 麻豆亚洲av熟女国产一区二| 久久夜色精品国产噜噜亚洲AV| 亚洲成年轻人电影网站www| 亚洲AV无码久久精品色欲| 亚洲AV无一区二区三区久久| 国产AV无码专区亚洲A∨毛片| 国产成人亚洲综合无码精品| 久久精品国产亚洲香蕉| 老司机亚洲精品影院| 亚洲制服丝袜在线播放| 亚洲男人的天堂久久精品 |