ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文

  メンテナンス 前画面に戻る

対象スレッド 件名: Flex4 : DateField を使ったHTML上での日付入力
名前: lightbox
処理選択
パスワード

件名 Flex4 : DateField を使ったHTML上での日付入力
名前 lightbox
コメント
@DIV
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<title>ブラウザの開発者ツールを使った、Flex4 のデバッグテスト</title>
<style type="text/css">
* {
	font-family: "MS Pゴシック";
	font-size: 14px!important;
}
BODY {
	background-color: white;
	color: black;
}
#id_sample {
	border:solid 1px #C0C0C0;
}
</style>
<script type="text/javascript" src="swfobject.js"></script>
<script language="javascript" type="text/javascript"> 

// *******************************************************************
// Flex 内部より、HTML 上の入力フィールドに日付文字列を転送
// *******************************************************************
function setMyDate(str) {

	document.getElementById("mydate").value = str;
	closeMyDate();

}
// *******************************************************************
// Flex 内部より、HTML 上の DateField 表示エリアを確保
// *******************************************************************
function openMyDate() {

	document.getElementById("id_sample").width = 160;
	document.getElementById("id_sample").height = 210;

}

// *******************************************************************
// Flex 内部より、HTML 上の DateField 表示エリアをキャンセル
// *******************************************************************
function closeMyDate() {

	document.getElementById("id_sample").width = 30;
	document.getElementById("id_sample").height = 30;

}

// *******************************************************************
// HTML 上の 入力フィールド上にマウスカーソルが来たら全て閉じる
// *******************************************************************
function closeAll() {

	// HTML 上の表示エリア
	closeMyDate();
	// Flex 内の DateField
	document.getElementById("id_sample").close()

}

</script>
</head>

<body>

<div style='position:relative;'>
<div style='position:absolute;left:150px;top:17px;'>
<div id="flashcontent"></div>
</div>
<input id="mydate" type="text" style='position:absolute;left:10px;top:20px;'
 onmouseover='closeAll();'>
<input id="dummy" type="text" style='position:absolute;left:10px;top:60px;width:400px'
	value="この入力部分の上に、Flash のエリアが表示されます"
>
</div>

<script type="text/javascript">
var flashvars = {
};
var params = {
  allowScriptAccess:"always"
 ,bgcolor:"#ffffff"
}; 
var attributes = {
  id: "id_sample",
  name: "id_sample"
};
swfobject.embedSWF(
	"Main.swf?reload="+(new Date()).getTime(),
	"flashcontent", 
	"30",
	"30",
	"10.0.0",
	"",
	flashvars,
	params,
	attributes
);
</script>

</body>
</html>
@END