Ruyng's Notebook: 3月 2013

2013年3月26日星期二

[tomcat]一台電腦上多個tomcat服務(Multiple Tomcat Services in a Linux machine)

假設安裝兩個tomcat

編號	檔案放置目錄	欲設定的網站存取路徑
1	/usr/tomcat	http://IP:8080/
2	/usr/tomcat2	http://IP:9080/

也就是直接tomcat解壓縮的檔案複製一份到tomcat2目錄

修改系統環境變量(vi etc/environment)

JAVA_HOME="/usr/java/jdk1.6.0_38" (JDK檔案放置目錄)
CATALINA_HOME="/usr/tomcat" (tomcat檔案放置目錄)
CATALINA_HOME2="/usr/tomcat2" (tomcat2檔案放置目錄)

CATALINA_BASE="/usr/tomcat"(tomcat1目錄)
CATALINA_BASE2="/usr/tomcat2"(tomcat2目錄)

修改tomcat2目錄下bin/

修改tomcat2/bin/catalina.sh (vi tomcat2/bin/catalina.sh)
把CATALINA_HOME全部替換成CATALINA_HOME2
(按esc鍵, vi指令為:1,$s/CATALINA_HOME/CATALINA_HOME2/g);
CATALINA_BASE換成CATALINA_BASE2
(按esc鍵, vi指令為:1,$s/CATALINA_BASE/CATALINA_BASE2/g)

修改tomcat2目錄下conf/server.xml文件(vi opt/tomcat2/conf/server.xml)

<Server port="9005" shutdown="SHUTDOWN"> 預設port="8005"
<Connector port="9080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="UTF-8" /> 預設port="8080"
<Connector port="9009" protocol="AJP/1.3" redirectPort="8443" URIEncoding="UTF-8"/> 預設port="8009"

重開機後，個別重新啟動
./usr/tomcat/bin/startup.sh
./usr/tomcat2/bin/startup.sh

就可以看到成果

2013年3月21日星期四

[jQuery]jQuery Image zoom plugin ( jQuery.elevatezoom.js圖片放大縮小)

網址

http://www.elevateweb.co.uk/image-zoom

說明

如果要更改放大圖片的浮動視窗出現位置、放大鏡的形狀、範圍和放大倍數、遮罩顏色...等
可依據demo 的example上顯示的參數說明去調整

如果看不到放大靜的框框,請更改浮動視窗的<div>的z-index為更小的數字,例如:0

2013年3月20日星期三

[Eclipse] [Tomcat] 安裝和設定Eclipse 部署Tomcat的plugin(Eclipse Tomcat Launcher plugin )

下載和設定 Download and set up

download plugin from
http://www.eclipsetotale.com/tomcatPlugin.html
(Sysdeo Eclipse Tomcat Launcher plugin)
Notice: version of tomcat and eclipse

解壓縮,放到eclipse的 \plugins or \dropins 目錄

重新啟動eclipse,看到工具列多了三隻小貓的icon,可各別啟動,暫停,重新啟動tomcat

環境設定

eclipse-->windows-->preference-->tomcat -->

tomcat version:根據下載使用的版本選擇
tomcat home: 填選tomcat存放目錄
Context declaration mode: Server.xml

eclipse-->windows-->preference-->tomcat -->Advanced

default setting and values

eclipse-->windows-->preference-->tomcat -->JVM Settings

選擇一JRE

eclipse-->windows-->preference-->tomcat -->Source Path

選擇Automatically compute source path

eclipse-->windows-->preference-->tomcat -->Tomcat Manager App

default setting and values

以後撰寫Java servlet or JSP程式時,只要透過三隻小貓icon啟動tomcat server或 [run] icon啟動tomcat server

參考文獻 Reference:
http://werdna1222coldcodes.blogspot.tw/2012/08/Sysdeo-Eclipse-Tomcat-Launcher-plugin.html

[jQuery] Nested UL with toggle event

Code:
<HTML><HEAD>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>

$(document).ready(function(){
$('ul', this).click(function(event) {
$(this).children("ul").toggle("quick");
event.stopPropagation();
});
});
</script>
</HEAD>

<BODY bgcolor=#ffffff link='#ff0000' vlink='#0000ff'>

<ul><a href="#">A</a>
<ul><a href="#">1</a>
<ul><a href="#">1.1</a></ul>
<ul><a href="#">1.2</a></ul>
</ul>
<ul><a href="#">2</a>
<ul><a href="#">2.1</a></ul>
<ul><a href="#">2.2</a></ul>
</ul>
</ul>
<ul><a href="#">B</a>
<ul><a href="#">3</a></ul>
<ul><a href="#">4</a></ul>
</ul>
<ul><a href="#">C</a>
<ul><a href="#">5</a></ul>
<ul><a href="#">6</a></ul>
</ul>
</ul>
</BODY>
</HTML>

Demo:

2013年3月26日 星期二