showModalDialogの使用
5236 ワード
showModalDialogの合理的な使用はあなたのプログラムの開発を加速させ、次は私のコードを貼って共有します.
基本的な紹介: showModalDialog() (IE 4+サポート) showModelessDialog() (IE 5+サポート) window.showModalDialog() メソッドは、HTMLコンテンツを表示するモデリングダイアログボックスを作成するために使用します. window.showModelessDialog() メソッドは、HTMLコンテンツを表示する非モデリングダイアログボックスを作成するために使用します.使用方法: vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue=window.showModelessDialog(sURL[,vArguments][,sFeatures])パラメータの説明: sURL -- 必須パラメータ、タイプ:文字列.ダイアログボックスに表示するドキュメントのURLを指定します. vArguments -- オプションのパラメータ、タイプ:バリエーション.ダイアログボックスにパラメータを渡します.伝達されるパラメータタイプには、配列などが含まれます.ダイアログボックス
Windows.dialogArgumentsで渡されたパラメータを取得します. sFeatures -- オプションのパラメータ、タイプ:文字列.ダイアログの外観などを説明するための情報は、以下の1つまたは複数を用いてセミコロン";"で区切ることができる.1. dialogHeight: ダイアログの高さは、100 px 2以上である. dialogWidth: ダイアログの幅.3. dialogLeft: スクリーンから左の距離.4. dialogTop: スクリーンからの距離.5. center: { yes | no | 1 | 0 } : 中央にあるかどうかは、デフォルトyesですが、高さと幅を指定できます.6. help: {yes | no | 1 | 0 }: ヘルプボタンを表示するかどうか、デフォルトyes.7. resizable: {yes | no | 1 | 0 } [IE5+]: サイズを変更できるかどうか.デフォルトno.8. status: {yes | no | 1 | 0 } [IE5+]: ステータスバーを表示するかどうか.デフォルトはyes[Modeless]またはno[Model]です.9. scroll: {yes|no|1|0|on|off}:スクロールバーを表示するかどうか.デフォルトはyesです.
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.01 Transitional//EN">
<html>
<head>
<%@ include file="noCache.jsp"%>
<link rel="stylesheet" type="text/css" href="css/content.css">
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.datepick.js"></script>
<script type="text/javascript" src="js/jquery.datepick-zh-CN.js"></script>
<link href="css/jquery.datepick.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(
function() {
$("#ck").click(
function() {
$("[name='pageForm']").attr("action",
"CustomerAction_toaddBzwzchuku");
$("[name='pageForm']").submit();
});
});
//
$(document).ready(function() {
$("#dateinput2").datepick({
dateFormat : 'yy-mm-dd'
});
$("#dateinput1").datepick({
dateFormat : 'yy-mm-dd'
});
});
</script>
</head>
<body>
<div id="biaoti" class="tbtitle01">
<b> </b>
</div>
<div class="space_h_10"></div>
<s:form action="SampleAction_selectSampleshenji" name="pageForm" method="post">
：<s:textfield name="sj.time1" id="dateinput1"></s:textfield>
：<s:textfield name="sj.time2" id="dateinput2"></s:textfield>
<s:submit value=" "></s:submit>
<table width="100%" border="0" cellpadding="6" cellspacing="0"
class="tb_list1">
<tr>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<!-- <th> </th> -->
<th> </th>
</tr>
<s:iterator value="#request.sampleshenjilist" status="st">
<tr>
<td style="text-align:center"><s:property value="#st.index+1" /><input type="hidden" name="" value="${id }"/></td>
<td><s:property value="sample_number" /></td>
<td><s:property value="text_id" /></td>
<td><s:property value="name" /></td>
<td><s:property value="time" /></td>
<!-- <td><s:property value="content" /></td> -->
<td style="text-align:center"><a href="#" onclick="queryDetail('<s:property value="id" />')"> </a></td>
</tr>
</s:iterator>
</table>
<!-- <input type="button" value=" " id="ck"/> -->
${page }
</s:form>
<script type="text/javascript">
function queryDetail(value){
var url = "SampleAction_selectShenjiXiangxi?id="+value;
window.showModalDialog(url,"view","dialogWidth=550px;dialogHeight=600px");
}
</script>
</body>
</html>基本的な紹介: showModalDialog() (IE 4+サポート) showModelessDialog() (IE 5+サポート) window.showModalDialog() メソッドは、HTMLコンテンツを表示するモデリングダイアログボックスを作成するために使用します. window.showModelessDialog() メソッドは、HTMLコンテンツを表示する非モデリングダイアログボックスを作成するために使用します.使用方法: vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue=window.showModelessDialog(sURL[,vArguments][,sFeatures])パラメータの説明: sURL -- 必須パラメータ、タイプ:文字列.ダイアログボックスに表示するドキュメントのURLを指定します. vArguments -- オプションのパラメータ、タイプ:バリエーション.ダイアログボックスにパラメータを渡します.伝達されるパラメータタイプには、配列などが含まれます.ダイアログボックス
Windows.dialogArgumentsで渡されたパラメータを取得します. sFeatures -- オプションのパラメータ、タイプ:文字列.ダイアログの外観などを説明するための情報は、以下の1つまたは複数を用いてセミコロン";"で区切ることができる.1. dialogHeight: ダイアログの高さは、100 px 2以上である. dialogWidth: ダイアログの幅.3. dialogLeft: スクリーンから左の距離.4. dialogTop: スクリーンからの距離.5. center: { yes | no | 1 | 0 } : 中央にあるかどうかは、デフォルトyesですが、高さと幅を指定できます.6. help: {yes | no | 1 | 0 }: ヘルプボタンを表示するかどうか、デフォルトyes.7. resizable: {yes | no | 1 | 0 } [IE5+]: サイズを変更できるかどうか.デフォルトno.8. status: {yes | no | 1 | 0 } [IE5+]: ステータスバーを表示するかどうか.デフォルトはyes[Modeless]またはno[Model]です.9. scroll: {yes|no|1|0|on|off}:スクロールバーを表示するかどうか.デフォルトはyesです.