Time of Update: 2018-12-08
因為瀏覽器的相容問題,如果使用javascript擷取這些數值是一個相當痛苦的過程。好在JQuery提供了簡單優雅,並且相容的解決方案。 擷取瀏覽器和頁面文檔的寬度和高度 複製代碼 代碼如下://擷取瀏覽器顯示地區的高度 $(window).height(); //擷取瀏覽器顯示地區的寬度 $(window).width(); //擷取頁面的文檔高度 $(document.body).height(); //擷取頁面的文檔寬度 $(document.body).width(); 擷取捲軸的位置
Time of Update: 2018-12-08
Extjs的資料模型分為以下幾個部分: 資料記錄 Record 資料集合中的一個條記錄,包括資料的定義和值。相當於實體類。 資料代理 Proxy 用來擷取資料的代理。相當於Datasource。 資料解析器 DataReader 負責將Proxy擷取的資料解析出來傳換成Record並存入Store中。相當於C#的DataReader。 資料集 Store 一個儲存資料的集合,類似於C#的Datatable。
Time of Update: 2018-12-08
CKFinder 1.4 :http://ckfinder.com/CKEditor3.0 :http://ckeditor.com/執行個體: 複製代碼 代碼如下:<textarea id="Textarea1" name="editor1" rows="10" cols="80"></textarea> <script type="text/javascript"> if (typeof CKEDITOR == 'undefined') {
Time of Update: 2018-12-08
由於本次CKEditor全新改版,沒有提供檔案上傳功能,所以選擇整合CKFinder是個不錯的選擇 需要修改一下CKEditor外掛程式檔案夾下的JS源碼,以image外掛程式為例(Flash及Files同理): Code 複製代碼 代碼如下://將下邊的代碼做一些修改
Time of Update: 2018-12-08
下面就是我的“作品”啊,只是簡單的實現其功能,並未做其他的功能啊 運行後,需要重新整理下, 上面得代碼比較簡單,更多的例子,可以搜尋指令碼之家以前發布的文章。表頭表頭表頭指令碼之家jb51.net45612631234567898794561263123456789879456126312345678987945612631234567898794561263123456789879456126312345678987945612631234567898794561263[Ctrl+A 全選
Time of Update: 2018-12-08
我想有沒有更簡單的解決方案呢,於是我去官方網站查看了文檔,發現他們其實給我們一個極為簡便的解決方案:http://docs.fckeditor.net/CKFinder/Developers_Guide/ASP.NET/CKEditor_Integration複製代碼 代碼如下:CKEDITOR.replace( '您要啟用編輯功能的文字框', { filebrowserBrowseUrl : '/ckfinder/ckfinder.html',//啟用瀏覽功能
Time of Update: 2018-12-08
這個可以用jquery的一個外掛程式cluetip地址下載是:plugins.learningjquery.com/cluetip/demo/ 下面簡單講解下用法: 1 首先當然要放JQUERY的基本JS,和這個外掛程式的JS了,如: <a class="title" href="#" title="This is the title|The first set of contents comes after the first delimiter.....
Time of Update: 2018-12-08
有時用js來擷取伺服器時間。一般會用System.DateTime 方法如下: 複製代碼 代碼如下:<script language="javascript"> var a = new Date() a = <%=System.DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")%>; Response.Write(a) </script> 其實還有一個方法:利用javascript的“runat="server”屬性
Time of Update: 2018-12-08
要在IIS6上使用高版本PHP,必須安裝fastCGI擴充, Microsoft FastCGI Extension for IIS 5.1 and 6.0 然後讓你的IIS6支援fastCGI即可。 然後設定一下php.ini中的CGI and FastCGI參數: fastcgi.impersonate = 1 fastcgi.logging = 0 cgi.fix_pathinfo=1 cgi.force_redirect =0 cgi.rfc261
Time of Update: 2018-12-08
在 Ajax 應用中,顯示一個 Dialog(以 Div 方式顯示)前,都會先建一個 Mask。因為經常會用到,所以寫成了一個 jQuery 外掛程式,方便自己的使用。複製代碼 代碼如下:(function($){ $.extend({ documentMask: function(options){ // 擴充參數 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: '#000' }, options); // 建立一個 Mask
Time of Update: 2018-12-08
首先時飄忽不定的collapse的border,ie6偏偏有一個地方與其他瀏覽器表現不同,一條醜陋的border不管怎麼樣都顯示出來。無解。 上面的問題可以用詭異方法解決的話,那接下來就完全沒有辦法了。 由於涉及到了資料的非同步傳輸和即時顯示,於是自己寫了一個前端模版通過innerHTML動態更新資料。其他瀏覽器都工作正常,偏偏ie怎麼都出不來資料。排查了半天,結果是IE的table元素為唯讀,不能使用innerHTML!!!! 同樣為唯讀元素還有COL, COLGROUP, FRAMESET,
Time of Update: 2018-12-08
其中有mask()和unmask()這兩個方法,這兩個方法在指定的元素上添加一個遮罩層和一個提示訊息實現,增加客戶體驗。由於最近做項目的時候,發現有時為了使用這一兩個方法需要引入一個比較“龐大”的Extjs進來,覺得有點不划算,於是自己用jquery實現了一個比較簡單mask、unmask方法來實現該效果。大家知道jquery是一個優秀的javascript架構,不但體積小而且使用方便,我現在逐漸將系統中使用Extjs實現的代碼或組建全部更換成Jquery來實現。好了不多說,上My
Time of Update: 2018-12-08
這裡介面的意思是Observable實際上起了一個抽象類別的作用,Extjs中有大量的組件都是繼承自這個類的。這個類提供了一些基本的方法比如addEvents,addlistener,fireEvent等等。本文暫時不介紹如何使用extjs的組件響應事件,而是介紹Extjs的事件的一些實現原理。整個Extjs架構都是以一種物件導向的方式開發的,所以理解Javascript中的繼承也很重要。我前面的一篇文章 補點基礎:Javascript中的類和閉包
Time of Update: 2018-12-08
判斷iframe是否載入完成的完美方法IE 支援 iframe 的 onload 事件,不過是隱形的,需要通過 attachEvent 來註冊。 第二種方法比第一種方法更完美(採用readystatechange判斷),因為 readystatechange 事件相對於 load 事件有一些潛在的問題。
Time of Update: 2018-12-08
Extjs Layout Browser .Extjs3.1.0 版本支援17種,下面挑一些重要的簡要的說明一下,要看效果,去上面給的連結,不再貼圖了。給Panel設定Layout的方法是一樣的,就是設定Panel的Layout配置項。1. AbsoluteLayout 可以通過Panel內部組件的決定位置來布局。通過x,y來指定。 樣本用法: 複製代碼 代碼如下:new Ext.Panel({ layout: 'absolute', title: 'AbsuluteLayout',
Time of Update: 2018-12-08
這兩天趕一個項目,要求滑鼠點擊小圖顯示大圖,於是用JS來根據小圖來設定大圖的SRC,設計完後問題就出來了。在IE6下大圖顯示不出,滑鼠放置在圖片上右鍵連結地址是可以正常顯示連結地址的,並且點擊顯示圖片圖片才能被正常顯示。IE7,IE8和FF是沒有這些問題的。代碼如下: 複製代碼 代碼如下:function picclick() { var pic = $('marqueediv').getElementsByTagName('a'); var len = pic.length; for(var
Time of Update: 2018-12-08
Draggable 庫檔案:ui/ui.core.js、ui/ui.draggable.js ============================================================ Default: $(”#draggable”).draggable(); ============================================================ constrain-movement(限制範圍移動): $(”#draggable”)
Time of Update: 2018-12-08
1、設定標籤(如img, div等等)的樣式:將position設定為absolute,例如: <div style="position:absolute" id="move_id" onmousedown="mousedown()" onmouseup="mouseup()"> 2、用一個臨時元素來記錄標籤的狀態 。將臨時元素的display設定為none ,隱藏這個臨時元素,這裡使用了input
Time of Update: 2018-12-08
Extjs為我們封裝好了Panel,Panel具有統一的標題頭,面板體,面板底部,還可以自由的添加工具列等。另外,extjs中還有豐富的布局,可以用來布局Panel。這種方式很像Java的Swing. Panel可以嵌套,可以作為整個頁面的架構,也可以作為一個小功能區。前幾篇文中用到的FormPanel就是繼承自Panel類的。 下面的例子展示了一個較為完整的Panel,主要是設定工具列: 複製代碼 代碼如下:<html
Time of Update: 2018-12-08
1.禁用右鍵菜單 複製代碼 代碼如下:$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.讓字型閃爍 複製代碼 代碼如下:jQuery.fn.flash = function( color, duration ) { var current = this.css( 'color' ); this.animate( { color: 'rgb(' +