<![CDATA[安道生練功房 - Latest posts for "viva"]]> https://forum.andowson.com/posts/listByUser/36 JForum - http://www.jforum.net [網頁程式設計 Web Development] 回覆:網頁開啟的先後順序?
背景圖本來就可以顯示，只是在原始程式裡，背景圖與JSP的顯示內容卻不是同步
而是JSP網頁內容先出現隨後才出現背景圖，所以我才改為以下程式碼 

<script type="text/javascript">     

     window.onload = function() {     

          document.getElementById('fade').style.display='block';     

     }     

</script>

<%   

    if( gERR == 0 ) {   

%>   

    <div id="fade" class="black_overlay"></div>   

  

<%   

    } else {   

%>   

    <!--網頁內容-->   

<%   

    }   

%>

其實window.onload也可以拿掉了，多餘的！
把CSS圖層直接設為block就好，隨後直接進入 if 的判斷去選擇顯示哪一部份
這樣就不會有顯示順序的問題了! 也比較簡單!]]> https://forum.andowson.com/posts/preList/295/584 https://forum.andowson.com/posts/preList/295/584 GMT [網頁程式設計 Web Development] 回覆:網頁開啟的先後順序? <%@ page contentType="text/html; charset=BIG5" %>
<%
int gERR = 0;

//判斷是否開啟CSS背景
if(true)
gERR = 0;
else
gERR = 1;
%>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>CSS測試</title>
</head>

<body>
<style type="text/css">
<!--
.black_overlay{
display: none;

......以下省略

}
-->
</style>
<script type="text/javascript">
window.onload = function() {
document.getElementById('fade').style.display='block';
}
</script>
<%
if( gERR == 0 ) {
%>
<div id="fade" class="black_overlay"></div>

<%
} else {
%>
<!--網頁內容-->
<%
}
%>
</body>

</html>]]> https://forum.andowson.com/posts/preList/295/581 https://forum.andowson.com/posts/preList/295/581 GMT [網頁程式設計 Web Development] 網頁開啟的先後順序? 
.black_overlay{

    display: none;



    ......以下省略



}


當網頁開啟時,就將CSS所設定的背景display設為block 
<script type="text/javascript">

     window.onload = function() {

          document.getElementById('圖層的名稱').style.display='block';

     }

</script>


但用window.onload會讓網頁內容(圖片、flash...等)載入完才去執行我開啟CSS display的設定!
有什麼方法可以讓網頁開啟時,先讓CSS的背景顯示?]]> https://forum.andowson.com/posts/preList/295/549 https://forum.andowson.com/posts/preList/295/549 GMT [網頁程式設計 Web Development] 回覆:如何實作警告視窗? https://forum.andowson.com/posts/preList/282/516 https://forum.andowson.com/posts/preList/282/516 GMT [網頁程式設計 Web Development] 如何實作警告視窗? http://tw.user.bid.yahoo.com/tw/show/aboutme?userID=xxxx0627&u=:xxxx0627

只要點網址,就會出現提醒視窗
這是用什麼方法做出灰底的警告視窗效果?]]> https://forum.andowson.com/posts/preList/282/509 https://forum.andowson.com/posts/preList/282/509 GMT [網頁程式設計 Web Development] 回覆:如何將.jsp檔案輸出成圖片?
剛試了一下,發覺那個是用靜態網頁
我的圖片工具,圖片全部都動態的,畫面會自行跳動,所以快照不適合!

我後來想想,還是使用你指導的,順便夾帶個參數<img src="http://xxxx/test2.jsp?TYPE=參數">
然後再從test2.jsp裡去判斷參數多少,然後給予相對應的圖片!!

最傷腦筋的就是排版......呼!!

謝謝andowson大力指導^^]]> https://forum.andowson.com/posts/preList/280/507 https://forum.andowson.com/posts/preList/280/507 GMT [網頁程式設計 Web Development] 回覆:如何將.jsp檔案輸出成圖片?
andowson wrote:
網站A，動態產生廣告圖片網頁test1.jsp，內容為文字HTML標籤
網站B，只能放HTML的靜態網頁空間，想要將網站A的test1.jsp的結果顯示在一個網頁，例如showTest1.html上
可行的作法是在網站B上使用<frame>或<iframe>或者<javascript>的src屬性去設定來源URL為網站A的test1.jsp


是的,你說明是我原本的作法....我的疑問也是您所說的,是否可改用img的src屬性來達成？

我在想乾脆用img src="http://............檔名.jsp",前端連結固定
然後利用後端程式與資料庫來做出動態效果....只不過有點麻煩!code也要重寫,所以想請教是否還有其他方法?

因已有現成且處理好的程式(網站A),也有程式可以讀取網站A的HTML程式碼(test4.jsp)
那該怎麼在網站B的靜態網頁空間中顯示出來?

]]> https://forum.andowson.com/posts/preList/280/505 https://forum.andowson.com/posts/preList/280/505 GMT [網頁程式設計 Web Development] 回覆:如何將.jsp檔案輸出成圖片? <img src="http://xxxx/test1.jsp">
test3.jsp只是測試時我想看結果而已!
圖的話,在伺服器上,用http://xxxxx/.gif去使用!
而test1.jsp是經由某個介面輸入要顯示幾張圖片後而出現的結果!!
其實就是個圖片工具而已,只是有些網站限制了Javascript跟iframe
所以才想用<img src="http://xxxx/test1.jsp">的方法!!

請問...
我把test1.jsp整個HTML TAG存在StringBuffer裡,轉為String後再讀出byte!
再利用前述方法response.setContentType("text/html;charset=BIG5");傳回HTML

在前述例子可用<img src="http://xxx/test2.jsp">顯示出來!
那有相關方法可以使用TAG秀出http://xxx/test4.jsp的HTML的嗎?

test4.jsp 
<%@ include file="inc_common_parameters.jsp" %>

<%@ include file="inc_common_fun_doc.jsp" %>

<%

	response.setContentType("text/html;charset=BIG5");

	HttpUtil a = new HttpUtil();

	StringBuffer sb = null;

	try {

		sb = a.doPost("http://xxx/test1.jsp", "", "UTF-8");//傳回整個htm放到sb

		String sb_t = sb.toString();	

		byte[] b = sb_t.getBytes();

		OutputStream os = response.getOutputStream();

		os.write(b);

		os.flush();

	} catch(Exception e) {

		out.println(e.getMessage());

	}



]]> https://forum.andowson.com/posts/preList/280/503 https://forum.andowson.com/posts/preList/280/503 GMT [網頁程式設計 Web Development] 回覆:如何將.jsp檔案輸出成圖片? test2.jsp內的第五行改為.gif檔後,在test3.jsp可以由<img src="http://localhost:8080/test2.jsp">顯示


但因test1.jsp裡,圖片不只一張,而且還有JAVA語言去做動態圖片的選擇!

所以在test2.jsp內的第五行一定只能讀.gif檔嗎? 沒辦法讀整個test1.jsp檔嗎? 
File f = new File("C:\\Program Files\\Apache Software Foundation\\Tomcat 6.0\\webapps\\ROOT\\images\\xxx.gif");




]]> https://forum.andowson.com/posts/preList/280/501 https://forum.andowson.com/posts/preList/280/501 GMT [網頁程式設計 Web Development] 回覆:如何將.jsp檔案輸出成圖片? test1.jsp(已排版好的動態圖片) 
<table align="center">

<tr><td align="center"><img src="http://xxxxxx.gif"></td></tr>

<tr><td align="center">測試1</td></tr>

<tr><td align="center"><img src="http://xxxxxx.gif"></td></tr>

<tr><td align="center">測試2</td></tr>

</table>


test2.jsp (發送GIF檔案給瀏覽器) 
<%@ page import="java.io.*" %>

<%@ page import="java.util.*" %>

<%				

	response.setContentType("image/gif");

	File f = new File("C:\\Program Files\\Apache Software Foundation\\Tomcat 6.0\\webapps\\ROOT\\test1.jsp");

	byte[] b = new byte[(int)f.length()];

	FileInputStream fis = new FileInputStream(f);

	fis.read(b);

	

	OutputStream os = response.getOutputStream();

	os.write(b);

	os.flush();

%>

test3.jsp 
<%@ page contentType="text/html; charset=Big5" %>

<table>

	<tr>

		<td><img src="http://localhost:8080/test.jsp"></td>

	</tr>

</table>


測試時,連到http://localhost:8080/test2.jsp 可以看到test1.jsp的圖檔
但連到http://localhost:8080/test3.jsp 卻無法顯示圖片
連到test2.jsp 可以看到圖片的話不就代表test2.jsp是以GIF檔回應給瀏覽器
為何在test3.jsp使用<img src="xxx.jsp">卻無法顯示?]]> https://forum.andowson.com/posts/preList/280/499 https://forum.andowson.com/posts/preList/280/499 GMT [網頁程式設計 Web Development] 如何將.jsp檔案輸出成圖片? http://目錄名/A.jsp

有辦法將A.jsp當成是圖片檔,然後包含到B.jsp中輸出嗎?
假設我在B.jsp這檔案裡,有辦法使用如下的方法嗎? 
<table>

    <tr>

        <td><img src="http://目錄名/A.jsp "></td>

    </tr>

</table>


JavaScript 
<script language='JavaScript' type='text/javascript' src='http://目錄名/A.jsp '></script>

HTML 
<iframe frameborder='0' width='180' height='800' src='http://目錄名/A.jsp '></iframe>
如果不使用JavaScript及iframe ,還有其他方法可以做到如上兩段程式一樣的功能嗎?
]]> https://forum.andowson.com/posts/preList/280/497 https://forum.andowson.com/posts/preList/280/497 GMT [網頁程式設計 Web Development] 回覆:表單驗證....??
andowson wrote:按下Enter對瀏覽器而言等同於要求submit表單，於是表單被送出

成功了,上面這句話點醒我.....謝謝指導!! 
輸入:<input name="keyword" size="20" value="" type="text" onkeyDown="if( event.keyCode == 13 && document.formt.keyword.value == '') { alert('請輸入值');return false;} else {return true;}">
]]> https://forum.andowson.com/posts/preList/276/490 https://forum.andowson.com/posts/preList/276/490 GMT [網頁程式設計 Web Development] 表單驗證....?? 狀況1:沒輸入值,點圖片,正常
狀況2:沒輸入值,按Enter鍵,異常!!(為何提示視窗會彈出兩次?) 
<%@ page contentType="text/html; charset=UTF-8" %>

<html>

<head>

</head>

<body>

<%

	String a = null;

	a = request.getParameter("keyword");

	out.println(a);

%>

<script language="javascript">

	function test() {

		if( document.formt.keyword.value == "" ) {

			alert("請輸入值");

			return false;

		} else {

			return true;

		}

	}

</script>

<form name="formt" method="POST" action="/member/test.jsp" onsubmit="return test()">

	輸入:<input name="keyword" size="20" value="" type="text" onkeypress="if ( event.keyCode == 13 ) test();">	

		 <a href="javascript:void(test())"><img src="/images/searchgame.gif" width="68" height="20" align="absmiddle"></a>

</form>

</body>

</html>
]]> https://forum.andowson.com/posts/preList/276/488 https://forum.andowson.com/posts/preList/276/488 GMT [網頁程式設計 Web Development] 回覆:網頁圖片、文字、連結點閱率語法? 因為我花了很多時間去測試才了解(是資質的關係嗎一.一a)

用途:前端程式(javascript)呼叫後端程式(java)

有了前端呼叫後端程式的橋樑,能做的事太多了!!
以我例子來說,此程式是用來在網頁某些連結、圖片、Flash計算user點閱率!!

順便感謝jforumnewer及andowson的指導....

步驟1...
下載<a href="http://directwebremoting.org/dwr/download" target="_blank">dwr.jar</a>
下載<a href="http://commons.apache.org/downloads/download_logging.cgi" target="_blank">commons-logging-1.xxx.Jar</a>(Logging元件)放到WEB-INF/lib


步驟2...在web.xml中加入DWRServlet… 
<?xml version="1.0" encoding="ISO-8859-1"?>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"

    version="2.4">



	<display-name>ajaxDWR</display-name>

	<servlet>

		<servlet-name>dwr-invoker</servlet-name>

	    <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>

	    <init-param>

	      	<description></description>

	      	<param-name>debug</param-name>

	      	<param-value>true</param-value>

	    </init-param>

	</servlet>      

	<servlet-mapping>

    	<servlet-name>dwr-invoker</servlet-name>

    	<url-pattern>/dwr/*</url-pattern>

	</servlet-mapping>

</web-app>

步驟3...撰寫dwr.xml，用來告訴DWRServlet呼叫後端程式 
<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"

 "http://www.getahead.ltd.uk/dwr/dwr10.dtd">

 

<dwr>

  <allow>

    <create creator="new" javascript="Counter">

      <param name="class" value="Counter" />

    </create>

  </allow>

</dwr>


步驟4...撰寫後端程式Counter.java做計數動作 
import java.util.*;

import java.io.*;

import org.w3c.dom.*;

import javax.xml.parsers.DocumentBuilder;

import javax.xml.parsers.DocumentBuilderFactory;

import java.net.*;

import java.sql.*;

import java.security.*;

import javax.net.ssl.*;

import java.util.*;

import java.util.zip.*;

import javax.mail.*;

import javax.mail.internet.*;

import javax.activation.*;

import com.gemmyplanet.dbbean.DBOperationBean;



public class Counter {	

	public void counter( Integer BANNERNO) {

//=====================================================

//	宣告參數

//=====================================================

		Integer ADBANNERNO = null;



		String SERVICEID = null;

		String CHANNELID = "";

		String ADBANNERTYPE = null;

		String TARGETURL = null;

		String CLICKDATETIME = null;

		String CHECKSUM = null;	

		String IMAGEDB = "GP_NEW_DB";

			

		Connection dbCon = null;

		Statement stmt = null;

		ResultSet rs = null;



//=====================================================

//	日期 14位

//=====================================================		

		String ft_t = "yyyyMMddHHmmss";

		String ft = ft_t.substring(0, 14);



//=====================================================

//	資料庫連線 && 更新資料

//=====================================================		

		try {		

			DBOperationBean dbOprBean = new DBOperationBean();

			dbOprBean.setDatasource("DS_GP_NEW_DB");

			dbCon = dbOprBean.getConnection();

			if ( dbCon != null && !dbCon.isClosed() ){

			  	stmt = dbCon.createStatement();

				rs = stmt.executeQuery("SELECT * FROM "+ IMAGEDB +".ADBANNERINFO WHERE ADBANNERNO="+ BANNERNO);

			  	if( rs != null ) {

					while( rs.next() ) {

						stmt.executeUpdate("INSERT INTO "+IMAGEDB+".ADBANNERLOGINFO SET SERVICEID='"+rs.getString("SERVICEID")+"', ADBANNERTYPE='"+rs.getString("ADBANNERTYPE")+"', TARGETURL='"+rs.getString("TARGETURL")+"', CLICKDATETIME='"+util.DateUtil.formatString(new java.util.Date(), ft)+"'");

					}

				}				

				stmt.close();

				dbCon.close();

			}

		} catch (Exception ex) {

			try {

				if ( dbCon != null && !dbCon.isClosed() ){

					stmt.close();

					dbCon.close();

				}

			} catch( Exception e ) {}		

		}

	}

}

步驟5...將Counter.java編譯後的.class放置WEB-INF\classes

步驟6...撰寫前端呼叫後端page_counter.js 
function counter(num) {

    Counter.counter(num);

}


步驟7...撰寫網頁index.jsp 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=BIG5">

  <title>第一個DWR程式</title>

//========================================

//dwr/interface/Counter.js是由DWRServlet根據dwr.xml中的設定生成的

//engine.js負責客戶端伺服端溝通

//util.js是一些好用的JavaScript程式，可以讓您少寫很多JavaScript。 

//page_counter.js呼叫後端.java檔

//========================================

  <script type='text/javascript' src='dwr/interface/Counter.js'></script>

  <script type='text/javascript' src='dwr/engine.js'></script>

  <script type='text/javascript' src='dwr/util.js'></script>

  <script type='text/javascript' src='page_counter.js'></script>

</head>

<script language="Javascript">

	function test(num,url) {

		counter(num);

		location.href = url;

	}

	

	function test1(num) {

		counter(21);

	}

</script>

<body>

<table>

	<tr>

		<td><a >測試</a></td>

	</tr>

</table>

<input type='button' value='測試' onclick="test(21,'http://www.yahoo.com.tw')">

</body>

</html>


在Counter.java部分，可以做你需要後端做的事...
修改完web.xml與dwr.xml記的要重開Tomcat
測試時所有檔案的path:
1.建立新目錄 ---> tomcat/webapps/test/
2.dwr.jar ---> tomcat/webapps/test/WEB-INF/lib/
3.web.xml ---> tomcat/webapps/test/WEB-INF/
4.dwr.xml ---> tomcat/webapps/test/WEB-INF/
5.Counter.java ---> tomcat/webapps/test/WEB-INF/classes/
6.page_counter.js ---> tomcat/webapps/test/
7.index.jsp ---> tomcat/webapps/test/]]> https://forum.andowson.com/posts/preList/271/482 https://forum.andowson.com/posts/preList/271/482 GMT [網頁程式設計 Web Development] 回覆:網頁圖片、文字、連結點閱率語法? https://forum.andowson.com/posts/preList/271/480 https://forum.andowson.com/posts/preList/271/480 GMT