Time of Update: 2013-10-17
想要實現 TreeGrid的效果,開啟官方例子卻看不到效果,怎麼辦呢?我是這樣實現的 複製代碼 代碼如下: var root = new Ext.tree.TreeNode({ text: '根節點', expanded: true }); tree.setRootNode(root); var nodes = {}; nodes.children = mydata;/*TreeGrid的json資料[{……},{……}]*/ function appendChild(node, o) {
Time of Update: 2013-10-17
1.構建JavaScript庫 複製代碼 代碼如下: (function(){ //將命名空間IC註冊到window window['JSHide']={}; //隱藏側邊欄,並將圖片換成右箭頭圖片 function yc() { document.getElementById("cloone").style.display ="none"; document.getElementById("img").innerHTML ="<img src='Image/右箭頭.png' width=
Time of Update: 2013-10-17
寫在前面我們不得面對這樣一個事實:許多程式員不會規劃他們的JS代碼。我們經常快速寫完代碼、運行、提交。但當我們繼續開發遇到變數和函數時不得不再次回頭查看它們代表的含義,麻煩就從這裡開始了。同樣當我們在其他程式員手中擷取指令碼也會遇到類似的錯誤。因此,當我們說”this is done, I can go on”時最好對指令碼做下列5件事情。問題描述現在我們想給每一個帶有class屬性為collapsible的DIV內部添加超連結A,來顯示和隱藏DIV。下面是用模組函數編寫的實現代碼:複製代碼
Time of Update: 2013-10-17
網上有很多教你怎麼使用jQuery.data(..)來實現資料緩衝,但有兩個使用者經常使用的data([key],[value])和jQuery.data(element,[key],[value])幾乎沒有什麼文章說清楚它們兩的區別,所以我用到了,研究下分享給大家。$("").data([key],[value])與jQuery.data(element,[key],[value])的區別這兩個函數都是用來在元素上存放資料也就平時所說的資料緩衝,都返回jQuery對象,當時我分別在使用它倆的時
Time of Update: 2013-10-17
方法1: 複製代碼 代碼如下: <SPAN style="FONT-SIZE: 12px"><script type="text/javascript"> <!-- function go(t,url){ //t設定跳轉時間:秒 //url設定跳轉網址 document.write("<div id=text>本頁將在<strong id='tt'></strong>後,跳轉至:<span id='link'><
Time of Update: 2013-10-17
本文翻譯自jQuery Cookbook (O'Reilly 2009) 1.0 The jQuery
Time of Update: 2013-10-17
positon:fixed 讓HTML元素脫離文檔流固定在瀏覽器的某個位置 網頁中經常會有浮動的導航條會用到這種定位元模式,但是ie6下並不相容這種定位 浮動導航條的樣式,重要的是position:fixed;bottom:60px;(浮動導航底部距離視窗底部60px) 複製代碼 代碼如下: .floating_9677{position:fixed; z-index:961; bottom:60px;}
Time of Update: 2013-10-17
顯示大圖和隱藏大圖的js代碼: 複製代碼 代碼如下:<script type="text/javascript"> //顯示圖片 function over(imgid,obj,imgbig) {//大圖顯示的最大尺寸 4比3的大小 400
Time of Update: 2013-10-17
在JS中可以通過設定style.display或者style.visibility屬性來控制元素是否顯示,在style.display=block和style.visibility=visible的時候,元素被顯示,在style.display=none和style.visibility=hidden的時候,元素被隱藏。它們之間最大的區別是通過style.display=none隱藏的時候,元素不佔據原來的位置,從文檔流中脫離,後續的元素填補其位置。通過style.visibility=hidd
Time of Update: 2013-10-17
js 複製代碼 代碼如下: $(function(){ var length = $(".container a").length; var $items = $(".container a"); $items.on("transitionend", function(event){ $items.removeClass("trans"); }); $(".container a").each(function(index, value){ var $child = $(this); if
Time of Update: 2013-10-17
在做表單頁面的時候,想判斷2個js對象,是不是所有完全相同。這裡是stackoverflow上的解決辦法,在這裡記錄一下。 複製代碼 代碼如下: Object.prototype.equals = function(x) { var p; for(p in this) { if(typeof(x[p])=='undefined') {return false;} } for(p in this) { if (this[p]) { switch(typeof(this[p])) { case
Time of Update: 2013-10-17
在使用DIV和CSS進行網頁布局中,DIV的自適應高度和自適應寬度是一個很常見的問題。 為了保證頁面的整體美觀性,需要將兩個或者多個層的高度/寬度保持一致。左右自適應高度一致 Jquery 複製代碼 代碼如下: <div style="width:300px;"> <div id="Left" style="float:left;background-color:blue;">1<br/>3<br/>5<br/></div>
Time of Update: 2013-10-17
前言基本上,所有JS資料類型都擁有這兩個方法,null除外。它們倆解決javascript值運算與顯示的問題,重寫會加大它們調用的最佳化。測試分析先看一例:複製代碼 代碼如下:var aaa = { i: 10, valueOf: function() { return this.i+30; }, toString: function() { return this.valueOf()+10; } } alert(aaa > 20); // true
Time of Update: 2013-10-17
請求的url: 複製代碼 代碼如下: function request(url, onSuccess, paras, method, isAsync, isMask) { $.ajax({type:method,url:url,async:isAsync,data:paras,success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask) $('#div_mask').unblock();},
Time of Update: 2013-10-17
在javascript中對文檔中每個節點都有 parentNode——父節點 firstChild——第一個子節點 lastChild——最後一個子節點 previousSibling——緊挨著的前面的兄弟節點 nextSibling——緊挨著的後面的兄弟節點 五個相關的節點,這些節點可以不存在,為null。例如document就不包含父節點,文本節點(TextNode)就不包含子節點。 這樣就可以作短途旅行,訪問當前節點的某些相關節點。
Time of Update: 2013-10-17
現在來看一下代碼的實現,首先來看一個主介面的代碼複製代碼 代碼如下:<html> <head> <script type="text/javascript"> function GetData(data)
Time of Update: 2013-10-17
今天處理了一個日期選取器的ie和ff的相容問題,本來這種情況就很難找錯誤,找了好久才把錯誤定位到js中建立元素的方法document.createElement(),這個方法在ie下支援這樣建立元素複製代碼 代碼如下:var inputObj = document.createElement ("<input type='text' size='8'
Time of Update: 2013-10-17
單個的加號作為運算子在 JavaScript 中有三種作用。它可以表示字串串連,例如:複製代碼 代碼如下:var str = 'hello ' + 'world!'; 或表示數字取正值的一元運算子,例如:複製代碼 代碼如下:var n = 10; var n2 = +n; 或表示數值運算式的求和運算,例如:複製代碼 代碼如下:var n = 100; var nn2 = n + 1; 三種標記法裡,字串串連與數字求和是容易出現二義性的。因為
Time of Update: 2013-10-17
一個項目想用jQuery做一個可以半摺疊的DIV元素,苦於jQueryUI中accordion沒有提供相關的方法,就自己寫了個。以前使用jQueryUI的時候發現能夠用的accordion全部摺疊起來了,沒辦法設定摺疊的最小高度。 代碼品質很低,希望老鳥能夠指點指點。 是效果展示,能夠藉由jQuery的函數展開收縮 複製代碼 代碼如下: //author: hlhr //require: Jquery1.4 and above function
Time of Update: 2013-10-17
這篇文章,我們一起探索一下 JavaScript 中的 Deferred 和 Promise 的概念,它們是 JavaScript 工具包(如Dojo和MochiKit)中非常重要的一個功能,最近也首次亮相於 流行的 JavaScript 庫 jQuery(已經是1.5版本的事情了)。 Deferred 提供了一個抽象的非阻塞的解決方案(如 Ajax 請求的響應),它建立一個 “promise” 對象,其目的是在未來某個時間點返回一個響應。如果您之前沒有接觸過