あるページにボタンを用意し、そのボタンをクリックすることで、
新しいウィンドウが開くようにしました。
あるページを001.html ,新しいページを002.htmlと仮にします。
001.htmlのボタンのフォームのトコロに、hiddenで
たとえば、「この文章を渡す」と記述しておきます。
そして、新しく開いたウィンドウの中のフォームにhidden
で渡したいのですが、どのようにしたらいいのですか?
文章記述が曖昧でごめんなさい。補足要求があれば、
しますので、お願いします。
001.htmlにたとえば数学の問題があったとします。そうして、
その問題に対して質問があれば、そのページのボタンを
クリックして質問してもらいたい。そのときに、何の問題かを
毎回書いてもらうのは面倒だと思い質問したのです。
A 回答 (9件)
- 最新から表示
- 回答順に表示
No.9
- 回答日時:
代入ならjavascriptで可能ですね。
#7の001.htmlはこんな感じで改良しました。
(001.html)
<html>
<head>
<script type="text/javascript">
<!--
var title = "この文章を渡す"
function substitute()
{
document.f1.msg.value = title;
}
-->
</script>
</head>
<body onload = "substitute()">
<form name = "f1">
<input type = "button" value = "送信"
onclick = "window.open( '002.html?msg=' + escape( document.f1.msg.value ), '_blank',
'width=200,height=200,status=no' )">
<input type = "hidden" name = "msg">
</form>
</body>
</html>
002.html変更無し。
今回は#6の環境+Mozilla1.4でも確認済みです。
No.8
- 回答日時:
javascriptの変数ですね。
あ、よく考えたら子ウインドウから親ウインドウの変数を参照すればよかった。
--001.html---
<script language=javascript>
var v1 = "この文章を渡す";
</script>
<form>
<input type="button" onclick='alert(v1)'>
<input type="button" onclick='window.open("002.html")'>
</form>
--002.html---
<form name="f1">
<input type=button onclick="alert(opener.v1)">
</form>
No.7
- 回答日時:
#6です。
ゴメン、補足見落としです。
幅=300,高さ=200,ステータスバー等非表示です。
(001.html)
<html>
<body>
<form name = "f1">
<input type = "button" value = "送信"
onclick = "window.open( '002.html?msg=' + escape( document.f1.msg.value ), '_blank', 'width=300,height=200,status=no' )">
<input type = "hidden" name = "msg" value = "この文章を渡す">
</form>
</body>
</html>
002.htmlは変更無し。
この回答への補足
大変ありがとうございます。データを別のフォームに渡すことができました。ありがとうございました。
何度も何度も改良を重ねて頂いて、私はとてもうれしくうれしく思ってます。
CGIとかだと、適当にはじめの方に、
$title=**タイトル***;
などと指定しておけば、後で、「$title」が変数として扱えるので、代入とかは楽なのですが、HTMLではどうやってやったらいいのでしょうか?
タイトルを、そのままフォームの「この文章を渡す」のところに代入したいのですが、どうやってやったらいいですか?
No.6
- 回答日時:
#2です。
新しいウィンドウって書いてましたね。
すみません。見落としてました。
(001.html)
<html>
<body>
<form name = "f1">
<input type = "button" value = "送信" onclick = "window.open( '002.html?msg=' + escape( document.f1.msg.value ) )">
<input type = "hidden" name = "msg" value = "この文章を渡す">
</form>
</body>
</html>
(002.html)
<html>
<head>
<script type="text/javascript">
<!--
function form(){
var len = location.search.length;
var eql = location.search.indexOf( "msg" );
var rsl = location.search.substring( eql + 4, len );
document.f2.txt.value = unescape( rsl );
}
-->
</script>
</head>
<body onload = "form()">
<form name = "f2">
<input type = "text" name = "txt">
</form>
</body>
</html>
でどうでしょう?
(WinXP+IE6.0,NN7.0,Opera7.11で確認済み)
No.5
- 回答日時:
#1はIE限定でした。
今回は子ウインドウのJavascript変数に渡してみました。
(Windows200+IE5, NN4.78で確認済み)
--001.html---
<form>
<input type="button" onclick='
var w = window.open("002.html");
w.document.v1="この文章を渡す";
'>
</form>
---002.html--
<script language="javascript">
var v1 = "hoge";
</script>
<form name="f1">
<input type=button onclick="alert(v1)">
</form>
この回答への補足
とてもありがとうございます。質問してとてもイイ回答が返ってきてうれしく思っています。
もう一つ質問なのですが、
CGIとかだと、適当にはじめの方に、
$title=**タイトル***;
などと指定しておけば、後で、「$title」が変数として扱えるので、代入とかは楽なのですが、HTMLではどうやってやったらいいのでしょうか?
タイトルを、そのままフォームの「この文章を渡す」のところに代入したいのですが、どうやってやったらいいですか?
No.3
- 回答日時:
#2です。
ちょっと訂正。
document.f1.msg2.value = escape( document.f.msg.value );
ではなくて
document.f1.msg2.value = escape( document.f1.msg.value );
でした。
No.2
- 回答日時:
hiddenで渡したいという要望のようですので。
(001.html)
<html>
<head>
<script type="text/javascript">
<!--
function esc(){
document.f1.msg2.value = escape( document.f.msg.value );
}
-->
</script>
</head>
<body onload = "esc()">
<form action = "002.html" method = "get" name = "f1">
<input type = "submit" value = "送信">
<input type = "hidden" name = "msg1" value = "この文章を渡す">
<input type = "hidden" name = "msg2">
</form>
</body>
</html>
(002.html)
<html>
<head>
<script type="text/javascript">
<!--
function form(){
var len = location.search.length;
var eql = location.search.indexOf( "msg2" );
var rsl = location.search.substring( eql + 5, len );
document.f2.txt.value = unescape( unescape( rsl ) );
}
-->
</script>
</head>
<body onload = "form()">
<form name = "f2">
<input type = "text" name = "txt">
</form>
</body>
</html>
でどうでしょう?
この回答への補足
<form action = "002.html" method = "get" name = "f1"> でページを移るのではなく、指定した大きさで、ステータスバーなどの表示をなくして、新しいウィンドウを開くにはどうしたらいいのですか?
補足日時:2003/08/28 16:57お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
- Visual Basic(VBA) ユーザーフォーム「frm_基本❶」を立ち上げると新規で入力する行数を右下のNoとして表示しています。 1 2023/03/16 19:02
- Access(アクセス) アクセス 意図せずサブプロシージャを移動してしまうのを止めたい 1 2022/09/02 09:19
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- JavaScript Google reCAPTCHAについて 1 2023/02/22 14:37
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したあとに画像を表...
-
スマホ上で、左右スワイプで次...
-
ラジオボタンを複数選択したと...
-
jsonテキストデータの並び替え...
-
Adobe acrobat proでフォームを...
-
画面に表示したらアニメーショ...
-
2025年相性がいい人のサイトの...
-
jQueryでのレスポンシブが綺麗...
-
jsで質問です。 formをsubmitし...
-
二次元配列を使って順位をだす...
-
【JS】selectでchangeした時の...
-
sessionStorageを調べています。
-
jsで質問です。 ボタンが二つ存...
-
ブックマークレットについて
-
タグを教えてください。
-
CookieをWebStoeageに変える
-
Outlookのアカウントがあるとメ...
-
jqueryのselect2で検索欄の文字...
-
<tr>指定した表の行要素をボ...
-
食材の期限を管理するためにGAS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript 超初心者です。 Doc...
-
親ページからインラインフレー...
-
画像をボタンのようにフォーカ...
-
入力フォームの javascript で ...
-
[onClick]ボタンを押すことで入...
-
javascriptのパスワードっぽいもの
-
JavaScript の 「showDialog」
-
submit時に違うページに飛びたい
-
INPUTの内容をフォームの送信先...
-
ボタンで、リンクを、別ウィン...
-
ボタンクリックで
-
cgi上のhtmlをrubyのifで条件分岐
-
ボタンにファイルリンクをつける
-
パスワードをIPする際見えな...
-
スクリプトの作り方って・・・・?
-
商品ページのフォームのテキス...
-
ブラウザの履歴を消す/アクセ...
-
HTAのタグ?の事についてです。
-
a.href の href を有効か無効に...
-
ウィンドウからウィンドウへ、...
おすすめ情報
