perl/cgiについて、教えて下さい。

解決済

質問者：fthk-2010
質問日時：2010/09/14 12:39
回答数：1件

perl/cgiについて、教えて下さい。

行いたい事ですが、

１：a.html(テキストボックスとsubmitボタンがあるだけです）
２：b.html(テキストボックスとsubmitボタンがあるだけです）
３：c.html(１，２のテキストボックスの内容を表示するだけです。）
４：x.cgi

があります。４のcgiにはまだ何も記述していませんが、１，２のテキストボックスで入力した値を
c.htmlに表示させたいと考えています。
又、c.htmlで値を変更すると、１，２のテキストボックスの値も連動して変わるようにしたいです。

例)a.htmlのテキストボックスで「13」と入力してsubmitボタン押下。c.htmlに「13」が表示される。
c.htmlで「13」を「22」に変更すると、a.htmlのテキストボックスの値も「22」になるといったイメージです。

どうぞ、宜しくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： _--_1l1_1_
回答日時：2010/09/14 19:52

frameのことを言っているのかな？いずれにせよ、やりたいことはCGIじゃないと思います。

以下、表示がくずれるんで空白2文字を全角1文字の空白にしています。
--- index.html
<html>
<frameset cols="50%,*">
　<frame src="a.html" name="a">
　<frame src="b.html" name="b">
</frameset>
</html>

--- a.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
　　　　　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
　<head>
　　<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
　　<script type="text/javascript">
　　　//![CDATA[
　　　function showOtherFrame(){
　　　　var text　 = document.getElementById('aForm').text1.value;
　　　　var otherText = top.frames['b'].document.getElementById('otherText');
　　　　var node = document.createTextNode(text);

　　　　if (otherText.firstChild) {
　　　　　otherText.removeChild(otherText.firstChild);
　　　　}
　　　　otherText.appendChild(node);
　　　　otherText.style.display = "block";
　　　}
　　//]]>
　　</script>
　　<title></title>
　</head>

　<body>
　　<form id="aForm">
　　　<input type="text" name="text1" value=""/>
　　　<input type="button" value="反対に表示" onclick="showOtherFrame()"/>
　　</form>
　　<p id="otherText" style:display="none"></p>
　</body>
</html>

--- b.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
　　　　　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml">
　<head>
　　<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
　　<script type="text/javascript">
　　　//![CDATA[
　　　function showOtherFrame(){
　　　　var text　 = document.getElementById('bForm').text1.value;
　　　　var otherText = top.frames['a'].document.getElementById('otherText');
　　　　var node = document.createTextNode(text);

　　　　if (otherText.firstChild) {
　　　　　otherText.removeChild(otherText.firstChild);
　　　　}
　　　　otherText.appendChild(node);
　　　　otherText.style.display = "block";
　　　}
以下文字数制限で表示できず。a.htmlと同じですが、id="bForm"です。