問題內容:使用fusioncharts 時,也許你想在如demo.html 這個頁面點擊Chart的一個部分,然後顯示這個部分的詳細內容。fusioncharts有setDataXML,setDataURL 這兩個方法是用來設定資料的.但是會有亂碼問題(可能出現在AJAX情況),具體使用過的童鞋應該明白.具體細節不詳細說明了.處理辦法.如果你Ajax請求的返回內容亂碼,就直接使用Jquery.ajax.複製代碼 代碼如下:function mychartclick(month) { &
在實際的應用開發中,我們會常常用到JS的模事件,但有時會遇到一些問題,比如說點擊事件,舉個簡單的例子,點擊表單外的“提交”按鈕來提交表單。上代碼吧。 Html: 複製代碼 代碼如下: <h3>請單擊“提交”,測試提交按鈕的單擊事件也被觸發了。</h3> <button id="btn">提交</button> <form action="#" method="get" id="form"> <input type="text"
效果: 思路:利用setInerval()計時器,進行運動。然後關鍵的一點是在最後停止的時候給它一個填充縫隙的判斷。代碼:複製代碼 代碼如下:<head runat="server"> <title></title> <style type="text/css">
複製代碼 代碼如下: /* *數組元素去重 */ if(typeof Array.prototype.distinct != "function"){ Array.prototype.distinct = function(){ this.sort(); for(var i=0;i<this.length-1;i++){ if($.isPlainObject(this[i]) && $.isPlainObject(this[i+1])){ if(o2o(this[i],this[i+1])
修改jquery easyui combobox模糊過濾複製代碼 代碼如下:filter:function(q,row){ var opts=$(this).combobox("options"); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)>-1;//將從頭位置匹配改為任意匹配 },formatter:function(row){ var opts=$(this).
點號「.」在JavaScript中有兩種語義語義1、表示算術中的小數點(浮點數),如 2.5語義2、取對象屬性、方法,如 [].push(2)這幾乎沒有任何難理解的地方,但下面這個問題則很有趣。複製代碼 代碼如下:// 這行代碼會如何執行 1.toString(); Firebug 中如下這裡的點號表達的是上述的語義1,因此點號後面必須跟一個數字,這裡跟的是toString,報文法錯了。解決方案很簡單,如加個小括弧複製代碼 代碼如下:(1).toString();
花了兩天的時間來用Google的API來做這麼一個小東西,其實真正的實現代碼不是很多,十幾行而已。費時間的工作是瞭解各個API的功能以及調試JavaScript。下面簡單介紹一下這次我用到的幾個函數吧。•建構函式google.search.LocalSearch()這其實是建立了一個LocalSearch的Service,這個Service和其他Service(News, Blog,
window.event IE:有window.event對象 FF:沒有window.event對象。可以通過給函數的參數傳遞event對象。如onmousemove=doMouseMove(event) 滑鼠當前座標 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:兩者都有event.clientX和event.clientY屬性。 滑鼠當前座標(加上捲軸滾過的距離) IE:event.offsetX和event.offsetY。 FF:
搞網站開發,最頭疼的是js問題,倒不是php程式開發,前端的頁面,js真是太讓人折騰了,特別是js,你根本不知道哪裡就會出問題,各種相容也要兼顧,不像寫程式,你只關心功能如何?,邏輯怎麼寫。js檔案一個出問題,就影響其他js的運行,今天就遇到一個很糾結的東西,一個js導致的莫名其妙的問題。這個js是一個增強頁面效果的功能,但是用了它,jquery在有的頁面可以用,有的頁面就失效了,用firefox的firebug調試,發現在有的頁面會報錯,擷取分頁的位置的地方會出錯。後來發現確實只要沒有分頁的地
複製代碼 代碼如下:<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;
常用三個的字串截取函數:substr substring slice,調用方式如下 複製代碼 代碼如下: stringObject.slice(start,end) stringObject.substr(start,length) stringObject.substring(start,end) 最明顯的是substr,第二個參數是length,是截取長度,其他兩個函數的第二個參數都是末尾字元的下標(這裡並不包括該下標的字元,只截取到該字元的前一個字元) slice跟substring比,
先來張樣式複製代碼 代碼如下: #div_left{float:left;width:60px;height:86px;} #starScroll{width:843px;height:188px;margin-left:15px;margin-right:15px;padding-top:9px;overflow:hidden;
1. 擷取checkbox的選中項 2. checkbox選項的全選 反選操作 用於測試的checkbox程式碼片段: 複製代碼 代碼如下:<div> <input type="checkbox" name="abc" value="一年級" id="in1" checked="checked" /><label
1、之前在winForm上有看過在選擇資料時會將一些資料放在待選框中,而使用者可以將想要選擇的資料放到備選框中,那麼如何用Extjs實作類別似功能,我們選擇用兩個gridPanel來類比其中的備選框和待選框。如所示: 定義代碼如下:複製代碼 代碼如下:
普及JQuery知識知識1:用JQuery寫外掛程式時,最核心的方法有如下兩個:複製代碼 代碼如下:$.extend(object) 可以理解為JQuery 添加一個靜態方法。$.fn.extend(object) 可以理解為JQuery執行個體添加一個方法。基本的定義與調用:複製代碼 代碼如下:/* $.extend 定義與調用* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */$.
各種網站經常看到頁面滾動到可視地區,然後才載入相應的圖片資源,他的本質是什麼呢?本文來分析一下很簡單,就是判斷當前元素是否是可視地區內假設:h1 = 捲軸滾去的高度w1 = 捲軸滾去的寬度h2 = 螢幕的高度obj 表示當前對象
複製代碼 代碼如下: Information: { title: 'Info', width: '5%', sorting: false, edit: true, create: true, type:'textarea', display: function (customerData) { var $img = $('<img src="content/images/document_properties.png" title="View and edit information" /
very short version:複製代碼 代碼如下:$('#myDiv').css({top:'50%',left:'50%',margin:'-'+($('#myDiv').height() / 2)+'px 0 0 -'+($('#myDiv').width() / 2)+'px'});short version:複製代碼 代碼如下:(function($){
51Map免費提供了地圖介面以下是調用介面並且實現地理位置標註,儲存,修改和回顯功能。 51地圖網址:http://api.51ditu.com/ 在網頁中引入 複製代碼 代碼如下:<script type="text/javascript" src="http://api.51ditu.com/js/maps.js"></script> 在地圖上標註: 複製代碼 代碼如下: //地表徵圖注 $(document).ready(
JSONP 調用範例程式碼:複製代碼 代碼如下:var originImgSrc = 'cnbogs-logo.gif';$.jsonp({ url: '', data: { imgSrc: originImgSrc }, callbackParameter: "callback", success: function (newImgSrc,