Archive

‘Javascript’ 分類過的Archive

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