<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>聰明的生活2 &#187; ajax</title>
	<atom:link href="http://blog.yslifes.com/archives/category/program/javascript/ajax/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.yslifes.com</link>
	<description>自己寫java程式的一些筆記</description>
	<lastBuildDate>Wed, 08 Feb 2012 02:26:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://blog.yslifes.com/?pushpress=hub'/>
		<item>
		<title>[JAVA]聯絡我們表單程式後台</title>
		<link>http://blog.yslifes.com/archives/980</link>
		<comments>http://blog.yslifes.com/archives/980#comments</comments>
		<pubDate>Thu, 02 Feb 2012 15:32:00 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[easyui]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jsp]]></category>
		<category><![CDATA[程式]]></category>
		<category><![CDATA[MySQL]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/?p=980</guid>
		<description><![CDATA[前一篇介紹過聯絡我們的的前台程式，這篇會介紹如何取得前台聯絡表單所留言的內容，使用的網頁使用framework有jquery及easyui，利用datagrid來顯示所有的資料列，而重要的留言內容則顯示於iframe裡，如此可排除大部份的html tag產生的問題。 這程式目前缺少了幾個功能，並不影響使用，不過如果有需求的人倒可以自己加入使用： 前台留言後自動發mail給某位管理者 後台可回覆留言給使用者，寄送mail或電話聯絡後寫下聯絡事項 最主要是JavaMail的使用，及資料寫入資料庫的應用。 因為是後台，所以還需要一個登入畫面，再登入成功後可以顯示後台menus，利用easyui的layout排列north為資訊狀態，center為datagrid顯示聯絡資料列表，而east為留言的內容。 而網頁使用Ajax傳送get或post參數給後端，而後端程式回傳json格式如下： total：總筆數，grid顯示分頁toolbar使用的，會計算總頁數等… success：成功執行則回傳true，否則則回傳false msg：回傳的訊息，可於回傳success為false時，帶上錯誤訊息顯示給使用者知道 rows：為一個陣列資料，每一筆資料都是一個json格式 程式碼如下： index.jsp登入後台 &#60;%@ page language=&#34;java&#34; contentType=&#34;text/html; charset=UTF-8&#34; pageEncoding=&#34;UTF-8&#34;%&#62; &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34; &#34;http://www.w3.org/TR/html4/loose.dtd&#34;&#62; &#60;html&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=UTF-8&#34;&#62; &#60;title&#62;登入&#60;/title&#62; &#60;style type=&#34;text/css&#34;&#62; html,body{ margin:0; padding:0; height:100%; border:none } &#60;/style&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;js/jquery-1.7.1.min.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;js/jquery.form.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(function(){ $(document).ready(function() { [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/980/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[c#]asp.net+jQuery+json做Ajax</title>
		<link>http://blog.yslifes.com/archives/954</link>
		<comments>http://blog.yslifes.com/archives/954#comments</comments>
		<pubDate>Thu, 23 Jun 2011 15:35:09 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[程式]]></category>
		<category><![CDATA[asp.net]]></category>
		<category><![CDATA[c#]]></category>
		<category><![CDATA[csharp]]></category>
		<category><![CDATA[express]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[VisualStudio]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/954</guid>
		<description><![CDATA[Ajax常用在網頁單獨某一區塊的內容更新，不需要整頁網頁重新整理就可以得到區塊內容的更新，而常用與Web-Server做資料交換的格式有純文字、Parameter(key=value)、XML或是json等，而json為最常使用的格式之一，它不像XML格式，需要開始Tag與結束Tag，只需要利用Key,Value的方式來進行資料的設定，比XML更為簡單、內容大小更為精簡，詳細內容及方法可以參考http://www.json.org/。 asp.net(使用c sharp)使用jQuery實作Ajax與伺服器溝通。 建立Web服務器asmx 利用Web服務器的函數(方法)來處理Ajax的需求及回應 要使用Ajax呼叫Web服務，需要把System.WebScript.Services.SrciptService這行的mark拿掉才可以。 再來建立相對應的函數(方法)，Ajax呼叫的網頁會是getData.asmx/函數(方法) 如需要共用Session內容，則需在WebMethod加上enableSession:true才可 另一個範例，使用request來取得Ajax傳來的POST及GET二種方法的資料，而使用Response來回傳處理過後json格式資料。 回傳json格式需設定檔頭header的contentType為application/jsp，否則會被設定為xml格式 取得post資料使用the.Context.Request.Form[key名稱] 取得Get資料則使用the.Context.Response.QueryString[key名稱] 利用Dictionary來設定及存放要回應的資料 使用JavaScriptSerializer來序列化dictionary內容，會自動產生json格式，不使用return而需使用Response.Write內容才可。 原始碼： using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; using System.Web.Script.Serialization; namespace JQueryJson &#123; /// &#60;summary&#62; /// getData 的摘要描述 /// &#60;/summary&#62; &#91;WebService&#40;Namespace = &#34;http://tempuri.org/&#34;&#41;&#93; &#91;WebServiceBinding&#40;ConformsTo = WsiProfiles.BasicProfile1_1&#41;&#93; &#91;System.ComponentModel.ToolboxItem&#40;false&#41;&#93; // 若要允許使用 ASP.NET AJAX 從指令碼呼叫此 Web 服務，請取消註解下一行。 &#91;System.Web.Script.Services.ScriptService&#93; public class getData [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/954/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jsp檔案上傳並利用Ajax製作ProgressBar監控上傳進度</title>
		<link>http://blog.yslifes.com/archives/908</link>
		<comments>http://blog.yslifes.com/archives/908#comments</comments>
		<pubDate>Tue, 05 Apr 2011 23:24:00 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jsp]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[file]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[upload]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/908</guid>
		<description><![CDATA[之前寫過一個jsp的檔案上傳，把檔案上傳的動作製成一個class。而現在要提供的這個範例就比較亂一點了，重點會在增加監控的ProgressListener及Ajax取得上傳進度之資料。 程式需要一個bean放入session裡，專門來存放目前上傳的bytes數及其它資訊，選擇好檔案按下上傳時，會開始上傳動作(使用iframe)，並啟動Ajax與Server要求目前上傳進度狀況，把資訊顯示在browser上。 這個專案需要使用二個額外的jar framework，分別為Apache Filupload及Apache common io，而Fileupload需要1.2以上版本才支援ProgressListener。 存入上傳資訊的bean package com.yslifes.file.upload; &#160; public class UploadStatus &#123; private long bytesRead;// 目前上傳byte數 private long totBytes;// 總共的byte數 private int item;// 目前上傳的item private long startTime;// 啟始時間 &#160; public UploadStatus&#40;&#41; &#123; startTime = System.currentTimeMillis&#40;&#41;; &#125; &#160; public long getBytesRead&#40;&#41; &#123; return bytesRead; &#125; &#160; public void setBytesRead&#40;long bytesRead&#41; &#123; this.bytesRead = [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/908/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>網頁除錯觀察的Browser工具FireBug-開發者工具-開發人員工具</title>
		<link>http://blog.yslifes.com/archives/699</link>
		<comments>http://blog.yslifes.com/archives/699#comments</comments>
		<pubDate>Tue, 27 Jul 2010 02:13:45 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[教學]]></category>
		<category><![CDATA[軟體介紹]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[fiefox]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[ie]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/699</guid>
		<description><![CDATA[當程式人員或網頁設計師在開發網頁時都會遇到一個問題，就是debug不易，不過自從Firefox大行其道後，這個問題被FireBug解決了，使用FireBug可以很方便的知道網頁那裡出了問題，可以直接修改CSS及html dom內容，還可以知道整個網頁到底傳輸了什麼內容及資訊等等，可說是十分好用，Microsoft在其後釋出的Internet Explorer及Google的Browser也都支援了類似的功能，不過更新的頻率並不像FireBug那麼高。 首先介紹IE8的開發者工具 可以由上方工具列的工具－＞開發者工具 來啟動（或F12） 使用開發者工具HTML tab裡的滑鼠指標可以直接取得網頁裡HTML的結構內容 而在這個HTML tab也可以直接修改文件內容或CSS，不過個人並不覺得比FireBug好用 CSS tab可以取得CSS內容，指令碼則是javascript的內容 Goolgle Chrome 開發人員工具 可以從右上角的文件按鈕－＞開發人員選項－＞開發人員工具 來啟動 Elements tab裡的內容就是網頁HTML結構內容，一樣可以直接修改網頁內容資料及CSS內容，所見即所得，結果馬上就可以在網頁上顯示了。 右側Styles分頁裡Computed Style裡可以知道這個元件應該有的所有CSS，可以很方便的追查到底那裡影響了網頁內容（像是字型等） Resources是所有載入網頁的圖檔、網頁、css檔、javascript檔、flash檔等的內容、時間等資訊。 Console控制台可以知道網頁產生的錯誤，像javascrip錯誤、css錯誤等資訊。 也可直接在元素上按右鍵選＂檢查元素＂，就可以直接來到此元素的HTML結構位置了 FireFox FireBug 以上二個工具並沒有很細的介紹，其實都大同小異，大概都跟FireBug相似吧，所以沒介紹到的功能可以參考以下介紹，再去IE及Chrome來查看。 FireBug安裝 FireBug並非FireFox原生套件，所以需要自行安裝plugin，安裝方法很簡單 工具－＞附加元件－＞取得元件－＞查詢firebug－＞瀏覽所有….－＞找到FireBug選擇新增至Firefox 然後安裝好後可以在擴充套件裡找到Firebug的版本資訊，要移除或停用也可以在此頁面操作 右下角的小蟲圖就是啟動FireBug的按鈕，啟用後如果沒有得到應有的資訊時，可以重新整理一次網頁內容 FireBug簡介及啟用 啟用FireBug後可以看到如果有錯誤訊息時，右下角原本小蟲的圖示變成了Error提示 如果想要啟用某一項功能，像是網路、DOM等等時，記得按到分頁tab裡，然後選擇Enabled，如此才能啟動及使用，如果沒有想要的資訊，記得重新整理網頁一下。 如何使用HTML 檢查器？可以直接按主控台分頁tab左邊的按鈕，然後選擇元素，就會移到此元素的HTML結構位置，右側可以看到使用的CSS內容。 或者直接在元素上按右鍵選擇觀察元素 FireBug主控台 主控台可以看到Ajax執行的網址及傳送資訊、Script錯誤內容、資訊及錯誤的行數，可以很方便的debug Ajax執行的網址﹑回應狀態、秒數及回應的內容等，在處理Ajax debug時實在好用 FireBug HTML 資訊 除了簡介時介紹的二種取得元素HTML位置，還有另一種是直接在HTML結構上搜尋，網頁內容也會有一個選取方框來提示目前的元素 也可以直接在HTML結構裡修改內容或CSS，可以省去很多網頁更新的時間 FireBug Script 資訊 這個分頁可以看到所有載入的javascript內容，如果在控制台有script的錯誤資訊，可以來這裡查看其行數以便除錯 右側還有一個監看視窗，可以直接在裡面輸入要執行的javascript內容，在每次來到此頁面時都會自動執行，所以不用時記得刪除。像是需要知道某個變數值時，就可以利用來alert變數內容。 FireBug CSS 資訊 [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/699/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>prototype Ajax回傳json物件的處理</title>
		<link>http://blog.yslifes.com/archives/620</link>
		<comments>http://blog.yslifes.com/archives/620#comments</comments>
		<pubDate>Sun, 25 Apr 2010 00:02:03 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jsp]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[教學]]></category>
		<category><![CDATA[json]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/620</guid>
		<description><![CDATA[一般人在設計ajax成功回傳事件時，有幾種方式來處理回傳的資料，一種是純文字或html code，一種是xml格式那另一種就是json格式，json格式不像xml需要成對的tag，所以在回傳資料長度上會顯的短很快，如果整個網站都大量使用ajax方法的話，選擇json是一個很好的方法。 json的相關資訊可以在這裡看到：JSON in JavaScript prototype這個framework本身就有支援To JSON的方法，有二種格式可以轉換成json，一種是javascript的class，另一種就是純文字了，不過純文字的內容要為json格式才能被轉換，如下： &#123;&#34;bindings&#34;: &#91; &#123;&#34;ircEvent&#34;: &#34;PRIVMSG&#34;, &#34;method&#34;: &#34;newURI&#34;, &#34;regex&#34;: &#34;^http://.*&#34;&#125;, &#123;&#34;ircEvent&#34;: &#34;PRIVMSG&#34;, &#34;method&#34;: &#34;deleteURI&#34;, &#34;regex&#34;: &#34;^delete.*&#34;&#125;, &#123;&#34;ircEvent&#34;: &#34;PRIVMSG&#34;, &#34;method&#34;: &#34;randomURI&#34;, &#34;regex&#34;: &#34;^random.*&#34;&#125; &#93; &#125;; 所以在設計ajax response文字時，就特意的輸出成json格式的內容，再利用prototype轉成json物件，那就可以在javascript裡直接使用了。 以下用一個簡單的例子來說明，form request ajax要求一個查詢，查詢經由一個jsp做處理，處理好後輸出json格式回傳給剛才的request，接收到response後，轉換成javascript的json物件，再取出物件內容來顯示在畫面上。 底下是prototype Ajax的寫法，直接用form上的設定當成request，然後再處理responseText就可以了。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/620/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[Javascript]AutoComplete自動完成效果</title>
		<link>http://blog.yslifes.com/archives/619</link>
		<comments>http://blog.yslifes.com/archives/619#comments</comments>
		<pubDate>Fri, 23 Apr 2010 23:48:39 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[autocomplete]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/619</guid>
		<description><![CDATA[之前為了做這AutoComplete效果找了好多資料，不過大都是jQuery的，當然不是不好用，只是在一個頁面載入prototype跟jQeruy就會有些衝突的問題要解決。 效果大概會像下面這樣子 作者的資訊如下： Ajax Autocomplete for Prototype, version 1.0.3 (c) 2008 Tomas Kirda http://www.devbridge.com/projects/autocomplete/ 雖然版本不是很新，不過很完整，只要在自己需要的地方再做些修改就可以了 範例提供如下： 以下提供一個範例，只需開啟AutoComplete.html然後輸入Li ，就會由response.html回傳一個json格式顯示出來。 下載點： 範例畫面 使用方法 載入prototype1.6版本 載入autocomplete.js 載入Autocomplete用的css 建立一個input輸入區 new 一個Autocomplete告知來啟動這個效果 以下是大程式部份 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 &#60;script type=&#34;text/javascript&#34; src=&#34;js/prototype.js&#34; &#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34; [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/619/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[javascript]特效accordion</title>
		<link>http://blog.yslifes.com/archives/511</link>
		<comments>http://blog.yslifes.com/archives/511#comments</comments>
		<pubDate>Mon, 07 Dec 2009 01:22:25 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[rico]]></category>
		<category><![CDATA[scriptaculous]]></category>
		<category><![CDATA[特效]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/511</guid>
		<description><![CDATA[這裡介紹幾個Accordion特效 1. jquery版本 網址 裡面有很詳細的說明及修改方法，很順暢，不過css有點小多，比較不好改 2. prototype 版本 網址 3.prototype 版本 scriptaculous 網址 說明網址 4.rico 版本 網址]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/511/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[jsp小技巧]利用Throw Exception來完成Ajax</title>
		<link>http://blog.yslifes.com/archives/403</link>
		<comments>http://blog.yslifes.com/archives/403#comments</comments>
		<pubDate>Mon, 28 Sep 2009 13:38:08 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[jsp]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[opensource]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/403</guid>
		<description><![CDATA[一般在寫Ajax時，最直覺的使用方法就是利用Ajax Object來要求Server給與回應， 再依回應的內容解西倒底是完成動作？還是有錯誤產生，如必填欄位未填。 這裡介紹一個小技巧，在編譯式的網頁伺服器語言可能比較合適使用。 大概的原理是利用程式在執行有錯誤時Throw Exception來當做錯誤訊息， 回傳給client，而client只要接收到503的錯誤，則就可以知道動作並未完成， 反之則是完成。 範例使用prototype來使用Ajax，傳送及回應，有需要可以參考： Ajax 使用prototype.js 1 以下是載行結果，當有填值時，則回應填寫的值， 沒填值的時候就回傳錯誤訊息。（Exception） １需要建立一個class extends Exception 裡面需實作String getMessage()，這是要給ErrorPage取得值使用的 package myexception; public class AjaxException extends Exception { &#160; private String message ; &#160; public AjaxException(String message) &#160; { &#160;&#160;&#160; this.message = message; &#160; } &#160; public String getMessage() &#160; { &#160;&#160;&#160; return this.message; &#160; } [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/403/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>登入遮罩</title>
		<link>http://blog.yslifes.com/archives/312</link>
		<comments>http://blog.yslifes.com/archives/312#comments</comments>
		<pubDate>Thu, 18 Jun 2009 10:43:00 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jsp]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/312</guid>
		<description><![CDATA[登入的遮罩因為Ajax的發達而越來越多，不過每個browser所支援的方式都不太一樣 尤其是IE最搞怪，IE6 IE7 IE8都加減有點不支援或特別點，所以在實作javascript上也變的很麻煩 這裡有些網站做的範例有興趣的可以研究看看 iPeen 在內頁的登入畫面可以看到 funp 右上角就有登入 哇客滿 在最底層的商家，推薦書籤 我也做了一個範例，不過是工程師版的，所以很醜 之後會詳細的說明如何實作及提供原始碼 範例頁 http://www.yslifes.com/MyTest/LoginMaskV2/index.jsp 按登入就會出現啦， 帳號：admin 密碼：12345 按登出就會把登入的記錄取消， 登入成功後都會呼叫callback funcion，我是寫成alert(‘成功’);]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/312/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>JQuery UI-thickbox.js 解決prototype.js衝突</title>
		<link>http://blog.yslifes.com/archives/234</link>
		<comments>http://blog.yslifes.com/archives/234#comments</comments>
		<pubDate>Fri, 05 Jun 2009 13:16:00 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/234</guid>
		<description><![CDATA[JQuery 官網 http://jquery.com/ thickbox 官網 http://jquery.com/demo/thickbox/ prototype 官網 http://www.prototypejs.org/ 很習慣使用prototype.js 不過有又需要用到jQuery UI 特效， 其實官方網站已經有把解決方式說明了，主要的衝突點在$ 這一個function，二個套件都有實作 http://docs.jquery.com/Using_jQuery_with_Other_Libraries &#60;html&#62; &#60;head&#62; &#60;script src="prototype.js"&#62;&#60;/script&#62; &#60;script src="jquery.js"&#62;&#60;/script&#62; &#60;script&#62; jQuery.noConflict(); // Use jQuery via jQuery(...) jQuery(document).ready(function(){ jQuery("div").hide(); }); // Use Prototype with $(...), etc. $('someid').hide(); &#60;/script&#62; &#60;/head&#62; &#60;body&#62;&#60;/body&#62; &#60;/html&#62; thickbox是一個jQuery的UI framework 主要是像lightbox一樣，把背景遮照起來， 而利用一個Div 顯示iframe src 內容，就可以不用另開視窗了 &#60;link href="css/thickbox.css" rel="stylesheet" type="text/css"&#62; &#60;script [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/234/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

