Archive

文章標籤 ‘Javascript’

Eclipse RAP execute javascript

2011年7月21日 Austin 尚無評論

方法一把輸出字串當javascript執行,方法二只是把方法一包到PhaseListener,為什麼要這樣包還不太清楚,所以先用方法一

try {
	RWT.getResponse().getWriter().println("alert('123');");
} catch (IOException ex) {
	ex.printStackTrace();
}
RWT.getLifeCycle().addPhaseListener(new PhaseListener() {
	private static final long serialVersionUID = 1995219943700635190L;

	@Override
	public PhaseId getPhaseId() {
		return PhaseId.RENDER;
	}

	@Override
	public void beforePhase(PhaseEvent event) {
		try {
			RWT.getResponse().getWriter().println("alert('1');");
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	@Override
	public void afterPhase(PhaseEvent event) {
		try {
			RWT.getResponse().getWriter().println("alert('2');");
		} catch (IOException e) {
			e.printStackTrace();
		}
		RWT.getLifeCycle().removePhaseListener(this);
	}
});

Flowplayer + BlockUI

2010年2月11日 Austin 尚無評論

網站:FlowplayerBlockUI
下載:Flowplayer 3.1.5.zipBlockUI 2.31

之前使用的線上播放器是JW Player,但是他在某個版本開始(很久了),限制非商業行為才能免費使用(應該不是我之前沒注意到吧@@),之後發現了Flowplayer,只要不移除他的logo即可免費使用,剛好最近有這個需求,就拿來用看看~感覺還不錯,不過檔案格式的支援好像沒有JW Player那麼完整,像是audio要用外掛可以播放,下面是結合了BlockUI的運用(因為有版面限制又不想換頁)

閱讀全文…

Javascript dt = newDate()在IE要注意的不同

2010年2月9日 Austin 尚無評論
// 當指定的時間無法轉為Date()時
// 除IE之外的瀏覽器是傳回NaN,而IE是回傳一個負數
var dt = new Date('ooxx');

if(isNaN(dt.getTime()) || dt.getTime() < 0) {
    alert(dt.getTime());
    dt = new Date();
}

alert(dt.getTime());
Categories: Javascript, 未分類 Tags: ,

jQuery Plugin Template

2009年12月27日 Austin 尚無評論

基本架構:

jQuery.fn.my_plugin = function() {
   return this.each(function() {
       // TODO
   }
}

增強(方便)版 & 範例:
閱讀全文…

利用jQuery UI的datepicker製作datetime選擇器

2009年12月18日 Austin 尚無評論

使用法方:

<input type="hidden" id="t1" name="t1" value="2009-01-01 00:00:00" />
<script language="javascript">
$('#t1').datetime({
    dateFormat: "yy-mm-dd",
    defaultDate: $(this).val(),
    changeMonth: true,
    changeYear: true,
});
</script>

Plugin的程式碼:
閱讀全文…

JavaScript Date Object

2009年12月17日 Austin 尚無評論

JavaScript Date Object是一個用來處理日期及時間的物件
可由下列幾種方式建立:

// 取得目前的日期及時間
var d = new Date();

// 指定時間
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

// 判斷輸入時間是否正確
if(isNaN(d.getTime())) {
    alert("Invalid Date!");
}

詳細用法請參考:JavaScript Date Object

Categories: Javascript, 未分類 Tags: ,

Google Maps路經規劃

2009年9月15日 Austin 尚無評論

忙錄了好一陣子Blog也荒廢了好久了
Google Maps一直很想碰,但都沒有時間所以不太敢碰>"<
結果剛好在ptt看到有人問Google Maps問題,就手癢了起來~~~
還沒有時間仔細研究,這問題之後也可能會遇到,先來記一下

ptt.cc 文章代碼(AID): #1Agx_S0P (Ajax)

問題1:送出後無法正常顯示?
解決:GDirections.load()的第二個參數是要用json來傳送

問題2:用完整地可以正常計算出路徑,但是只用"世新大學"跟"台北火車站"卻不行?
解決:補上Taiwan就可以了,例:"Taiwan 世新大學"跟"Taiwan 台北火車站",或是直接讓程式自己補上

function showAddress(address1,address2)  {
    directions.load("from: Taiwan "+address1+" to: Taiwan "+address2, { "locale": "zh_TW" });
}

測試網址:http://blog.gclin.org/gmap.php

參考資料:Google Maps API ReferenceGDirectionsGDirectionsOptions

jQuery plugins cookie

2009年4月13日 Austin 尚無評論

一種簡單,輕巧實用插件,讀、寫和刪除Cookies
下載:ZIPSVN

使用方法:

// 取得cookie
$.cookie('the_cookie');

// 設定cookie
$.cookie('the_cookie', 'the_value');

// 設定cookie,並指定7天後失效
$.cookie('the_cookie', 'the_value', { expires: 7 });

// 刪除(立即失效)
$.cookie('the_cookie', '', { expires: -1 });

// 刪除
$.cookie('the_cookie', null);

相關連結:Plugins | jQuery PluginsRepository
參考網站:Klaus Hartl – Stilbüro : Cookie Plugin for jQuery

Categories: jQuery, 未分類 Tags: , ,

jQuery eventObject(Events Guide)

2008年11月16日 Austin 尚無評論

Events (Guide)

jQuery’s event system normalizes the event object according to W3C standards. The event object is guaranteed to be passed to the event handler (no checks for window.event required). So far it normalizes the target and pageX/Y properties and provides both stopPropagation() and preventDefault() methods.

閱讀全文…