文章分類
最新迴響
最新留言
I am very new to this kind o
[url=http://buy-propecia.soc
Full-lenght movie [url=http
Infinite topic taking cilai
Intercourse http://buy-amoxi
Kinsfolk http://buy-kamagra.
Dashes http://buy-zithromax-
Rubbing http://buy-vpxl-onli
Bravo, is simply excellent i
selene unguium http://wiki.a
管理功能
在網路上找到的 , 先收藏起來 , 或許那天會用到 ...
var nVer = navigator.appVersion; var nAgt = navigator.userAgent; var browserName = ''; var fullVersion = 0; var majorVersion = 0; // In Internet Explorer, the true version is after "MSIE" in userAgent if ((verOffset=nAgt.indexOf("MSIE"))!=-1) { browserName = "Microsoft Internet Explorer"; fullVersion = parseFloat(nAgt.substring(verOffset+5)); majorVersion = parseInt(''+fullVersion); }
之前寫了一篇 jquery 讓兩欄版型的DIV一樣高度 的程式 , 原本以為這樣就會很順利了 , 但是突然有一天發現一個大大問題 , 就是 ready 事件的載入時機 , 因為開發過程都是在本機運作 , 所以載入的時機就沒去理會 , 但是當真的放置到遠端 Server 時 , 這可就是大問題了 ...
頁面 HTML 部份
<div id="Web_Content" class="twoColElsLt2"> <div id="container"> <div id="sidebar1"> <div>選單1</div> <div>選單2</div> </div> <div id="mainContent"> 內容主框架
在使用純 javascript 設計 checkbox 的全選和全消功能時
總是要考慮到 firefox 和 ie 不同版本的問題
並且 javascript 的程式碼總是又臭又長
但是當在使用 jquery 的選擇器時 , 就會發現十分好用又快速 ...
並可以做到 Javascript 和 HTML 碼的分離效果 , 可參考以下程式部份
(此功能已確定在 IE 6.0 , IE 7.0 , Firefox 3.0 測試通過)
HTML 頁面
<form id="ManagerAddForm"> <input type="checkbox" name="SubModuleID[]" value="1" class="chk" /> 選擇1 <br/>
每次在使用 div + css 去排兩欄或以上版型時 , 就會遇到兩邊高度不一樣的問題 , 主要是因為兩邊 div 所產生出來的高度都是隨著其內容填充時改變 , 通常而言 , 不會去管這問題 , 但是當有使用到背景時 , 就會讓畫面沒那麼的完整
當然 , 若使用 table 標籤來產生兩欄的版型時 , 這個問題就自然解決了 , 但我還是覺得 table 有該做的事 , 就想到用 javascript 去解決了呀!!
以下範例有使用到 jquery 套件
<div id="Web_Content" class="twoColElsLt2"> <div id="container"> <div id="sidebar1"> <div>選單1</div> <div>選單2</div> </div>
Audience
This documentation is designed for people familiar with JavaScript programming and object-oriented programming concepts. There are many JavaScript tutorials available on the Web.
Introduction
The "Hello, World" of the Google AJAX Language API
The easiest way to start learning about this API is to see a simple example. The following example will detect the language of the given text and then translate it to English.
<html> <head>
今天搞了一整天的 JQuery.Ajax 提送表單 , 原本以為很容易就可以操作 , 沒想到 JQuery 在提送資料時使用的是 UTF-8 編碼 , 可是客戶要的網站又是 BIG5 編碼 , 真是頭痛死人了 , 再加上突然之間對於那 JSON (JavaScript Object Notation) 的資料傳送方式十分感興趣 , 就硬著頭皮下去衝了呀
首先遇到的問題就是要怎麼用 JSON 格式來 POST 表單 , 查了一下官方資料 , 先看方法 :
jQuery.post( url, [data], [callback], [type] )
嗯嗯 , 好像很簡單 , 試了一下 , 真的很容易調用 , 但....呀!! 怎麼沒有錯誤的處理 , 所以還是使用 JQuery.Ajax 的原型呼叫方法吧 .
jQuery.ajax( options )
再改一改 , 我想我需要的就始這些 option 就夠了吧
$.ajax({ type : "post" ,
什麼是 JSON ?
在Javascript中使用物件陣列的文字表示法就是 JSON 的精神，因此 JSON 全名就是「JavaScript Object Notation」，有趣的是，許多人會將它跟 eval 函數劃上等號，但我認為就應用面來看，就如同XML延伸標記語言， JSON 因該稱為一種資料的表示法。
一個使用 JSON 的資料範例
{ "myCats": [ { "name": "Hero", "age": 5, "color": "silver" }, { "name": "Euro", "age": 2, "color": ["brown", "white", "black"] } ] }
使用 JQuery 的 AJAX 呼叫 , 其實很容易使用 , 唯一要注意的就是 , 這 JQuery AJAX 使用的 UTF-8 的編碼方式 , 如果使用其他方式 , 那就要先在傳送之前要轉一下 , 所以還是早點放棄 Big5 比較好 ....
jQuery.post( url, [data], [callback], [type] )
Request the test.php page, but ignore the return results.
$.post("test.php");
Request the test.php page and send some additional data along (while still ignoring the return results).
$.post("test.php", { name: "John", time: "2pm" } );
最近在寫會員註冊功能的時候 , 突然想到順便練習看看用 JQuery 來寫個輸入方塊的提示 , 就是當滑鼠進入輸入方塊(onfocus 獲得焦點) 時顯示一段文字 , 當離開時(onblur 失去焦點)時再去隱藏文字 , 如果能再配合驗證方式寫一個 JQuery 的 plugin 那就更讚了!!只是現在在忙專案 , 先讓他可以正常運作就好了吧 ..
CSS 部份
#MemberRegister .MemberRegisterTable{ padding:0px 20px; font-size:16px;} #MemberRegister .MemberRegisterTable td{ padding:5px;} #MemberRegister .MemberRegisterTable .title{ text-align:right; width:120px;} #MemberRegister .MemberRegisterTable .data{ font-size:13px; color:#FF9900;}
剛剛逛一逛 Blog 發現的一個 Javascript 端運作 HTML Table Sort 相關程式及運作過程 , 雖然有些部份不是很了解 , 但總是一篇好的教學文章 , 所以就先收錄起來 , 有機會研究一下 .
原文連結 : http://blog.roodo.com/rocksaying/archives/2854997.html
HTML Table
<script type="text/javascript" src="sorter.js"></script> <h3>XX銷售報表</h3> <table border="1" cellspacing="0"> <thead> <tr>