ここ数日、非常に大きなフォーム プロジェクトに取り組んでいます。私は最終的に、新しい表示ウィンドウを開くJavaScriptファイル内でテーブルを適切に機能させることができました。現在の問題は、私が作成した JavaScript 内で CSS コードを動作させることができないように見えることです。
誰もが「サーバーサイドスクリプトばかを使用するだけ」と考え始める前に、ファイルに関するいくつかの条件と情報があります。
コードは次のとおりです。
<html>
<head>
<title>Form Example</title>
<script LANGUAGE="JavaScript" type="text/javascript">
function display() {
DispWin = window.open('','NewWin', 'toolbar=no,status=no,width=800,height=600')
message = "<body>";
message += "<table border=1 width=100%>";
message += "<tr>";
message += "<th colspan=2 align=center><font face=stencil color=black><h1>Results</h1><h4>one</h4></font>";
message += "</th>";
message += "</tr>";
message += "<td width=50% align=left>";
message += "<ul><li><b><font face=calibri color=red>NAME:</font></b> " + document.form1.yourname.value + "</UL>"
message += "</td>";
message += "<td width=50% align=left>";
message += "<li><b>PHONE: </b>" + document.form1.phone.value + "</ul>";
message += "</td>";
message += "</table>";
message += "<body>";
DispWin.document.write(message);
DispWin.document.body.style.cssText = 'color:#blue;';
}
</script>
</head>
<body>
<h1>Form Example</h1>
Enter the following information:
<form name="form1">
<p><b>Name:</b> <input TYPE="TEXT" SIZE="20" NAME="yourname">
</p>
<p><b>Address:</b> <input TYPE="TEXT" SIZE="30" NAME="address">
</p>
<p><b>Phone: </b> <input TYPE="TEXT" SIZE="15" NAME="phone">
</p>
<p><input TYPE="BUTTON" VALUE="Display" onClick="display();"></p>
</form>
</body>
</html>
>