はじめまして。leaz024と申します。

仕事で次のようなものHTMLを作成することになりました。
・CGIで表示したページ内のボタンで、小窓(入力フォーム)を開く。
・小窓で送信ボタンを押すと、小窓は閉じる。
・送信された内容がサーバで処理された後、親窓を自動的に更新して、内容を反映させる。

CGIはPerlで作成しており、HTMLにはJavaScriptを使ってもよいことになっています。
このような動作をさせたいのですが、やり方が分かりません。
どなたか教えてください。
お願いします。

A 回答 (2件)

文章を書くのは苦手なのでサンプルを挙げておきます。


1.親ウインドウ(sample01.html)に名前がなかったらユニークに
なるように名前を付ける。
2.リンククリックで子ウインドウを表示
3.子ウインドウのリンクをクリックしたら親ウインドウにtargetを指定して
サーバーにパラメータをPOSTする(サンプルではgooが表示されます)
こんな感じでしょうか?

----- sample01.html ここから -------
<html>
<head>
<script>
alert('このwindowの名前\n'+window.top.name)
if(window.top.name==""){
myDate = new Date()
nowH = myDate.getHours()
nowM = myDate.getMinutes()
nowS = myDate.getMilliseconds()
winname = nowH+":"+nowM+":"+nowS
window.top.name=winname
alert('このwindowに名前をつけました')
}
function test(winname, html){
win = window.open(html,winname);
}
</script>
</head>
<body>
<a href="javascript:test('hoge','sample02.html')">hogeウインドウopen</a>
</body>
----------- ここまで -------------------

---------- sample02.html ----------
<html>
<head>
<script>
winname=window.opener.top.name

function link(){
document.aaa.target = winname
document.aaa.submit()
window.close()
}
</script>
</head>
<body>
<a href="javascript:link()">親ウインドウにgoo表示</a>
<form name="aaa" method="post" action="http://www.goo.ne.jp" target="">
</form>
</body>
------------------ ここまで -------------------
    • good
    • 1
この回答へのお礼

なるほど!親の方にムリヤリ名前を付けといて、子の送信先を親にするんですね。
これでうまくいきました!!
ありがとうございました。

お礼日時:2001/04/10 23:08

CGIが使えないから、簡易的だけど、こういうことをしたいのかな?(→参考URL)



q61780.html (子ウィンドウを開く)
q61780-child.html (送信画面)
q61780-child2.html (送信後の画面であり、親ウィンドウを更新する)
q61780-second.html (何もしていない)

飾ったとこをしていないので、ソースを見たら簡単にわかると思います。

参考URL:http://users.goo.ne.jp/happy_people/
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q窓の防犯グッズの売り場

一階に住んでいるので、ベランダの窓を防犯強化したいですが、今考えている防犯グッズは補助錠と防犯フィルムです。
普通は、どこで買えば良いでしょうか。デパートですか、それとも、専門店ですか。

売る場所も見つかりませんでしたが、
良かったら、安い売り場をお薦めお願いします。

Aベストアンサー

>今の窓は格子の形で金属線の様なものを封入したガラスです。
>これでしたら、防犯シールは入らないでしょうか?

網入板ガラスのことでしょうね。これはガラスが割れた時にガラスが飛散するのを防止するためのものです。
防犯性能は通常のフロート板ガラスと同様、ありません。
スリガラスや凸凹しているガラスの場合用には、凸凹用のシールがあります。

QCGIで出来ているデータベースをJavaScriptの小窓で開く方法

CGIで簡単なデータベースを作っています。(キャラクター紹介)
これをCGIの中ではなく、別の所に置かれたhtmlファイルのイメージマップ上にあるリンクをJavaScriptの小窓で開きたいと考えています。

CGIで作成されるページなので、URLは固定です。最後のレコードナンバーだけが変わります。(list.cgi?no=○○←ここの数字が変わるだけ)
表示サイズ・スクロールバーの有無などもすべて同じで固定です。

素人考えなので、書いていることさえおかしいかもしれませんが、こんな風にしたいのです。

-------
<SCRIPT language="JavaScript">
<!--
ここに開く命令・CGIのパスと表示サイズなどのオプションを記入
// -->
</SCRIPT>

////////
<A href="javascript" onclick="no(ここにNOを?)">リンク1</A>
-----------
こんな感じです。(イメージマップなので、<A></A>の書き方はちょっと違うかもしれませんが…)
リンクの数が増えてもナンバーだけを書き換えて追加できるようにしたいです。

色々と探し回ったのですが、<SCRIPT></SCRIPT>の中をページ数分増やすしか方法が書かれていなかったので…

すごく困ってます。すばやい回答をお願いします。

CGIで簡単なデータベースを作っています。(キャラクター紹介)
これをCGIの中ではなく、別の所に置かれたhtmlファイルのイメージマップ上にあるリンクをJavaScriptの小窓で開きたいと考えています。

CGIで作成されるページなので、URLは固定です。最後のレコードナンバーだけが変わります。(list.cgi?no=○○←ここの数字が変わるだけ)
表示サイズ・スクロールバーの有無などもすべて同じで固定です。

素人考えなので、書いていることさえおかしいかもしれませんが、こんな風にしたいのです。

-------
<SC...続きを読む

Aベストアンサー

#1補足>
>window.location.href = "http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" & fileno, "option";

& を + にする
window.location.href = "http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" + fileno;

><A href="javascript" onclick="link(10)">ここに名前</A>
<A href="javascript:link(10);">ここに名前</A>
とでもする

別窓で開くということであれば
<SCRIPT language="JavaScript">
<!--
var option = "menubar=no,resizable=no,scrollbars=yes,height=300,width=300";

function link(fileno) {
window.open("http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" & fileno, "キャラ紹介", option);
}
// -->
</SCRIPT>

--
<A href="#" onclick="link(10);return false;">ここに名前</A>
とかすればいいと思います。

#1補足>
>window.location.href = "http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" & fileno, "option";

& を + にする
window.location.href = "http://www.hogehoge.com/cgi-bin/partylist/list.cgi?mode=view&vno=" + fileno;

><A href="javascript" onclick="link(10)">ここに名前</A>
<A href="javascript:link(10);">ここに名前</A>
とでもする

別窓で開くということであれば
<SCRIPT language="JavaScript">
<!--
var option = "menubar=no,resizable=no,scrollbars...続きを読む

Q防犯グッズ

先日、下着泥棒に入られた為ベランダにライトを設置しましたが、今度は窓ように防犯グッズを揃えようと思うのですが色々あるので悩んでいます。どのような対策をとっていますか? どんなものをお使いですか??

Aベストアンサー

費用その他は考えに入れずに挙げますので、検討段階で費用の確認は取ってください。

1.防犯フィルム(侵入防止)
  窓ガラスが割り破られない様にするフィルム。

2.補助錠(侵入防止)
  窓のサッシに噛ませる補助錠、
  窓を少しだけ開けておく時に有効なものが
  売られています。

3.防犯スプレー(脱出?・非難用)
  催涙スプレー等、相手を牽制し
  逃げ出す隙をつくる為のもの。

4.スタンガン(脱出?・非難用)
  3の防犯スプレーより扱いづらいかも・・・
  小さくは無いし、重さもそこそこあるので携帯に不便。
  皮ジャン等相手の服装によっては殆ど効果が無い。
  相手に奪われたらかえって危険。

他にもあるかと思いますが、とりあえず思いついたものだけ書きました。

使い勝手が良くて、外出時にも使えるのが3の防犯スプレーです。
小さいもので口紅サイズ位、大きくても携帯用のヘアスプレー等と
同じ位なので持ち運びも邪魔にならないですし、
相手の顔に向かって吹き付ければ良いので使い方も簡単です。

費用その他は考えに入れずに挙げますので、検討段階で費用の確認は取ってください。

1.防犯フィルム(侵入防止)
  窓ガラスが割り破られない様にするフィルム。

2.補助錠(侵入防止)
  窓のサッシに噛ませる補助錠、
  窓を少しだけ開けておく時に有効なものが
  売られています。

3.防犯スプレー(脱出?・非難用)
  催涙スプレー等、相手を牽制し
  逃げ出す隙をつくる為のもの。

4.スタンガン(脱出?・非難用)
  3の防犯スプレーより扱いづらいかも・・・
 ...続きを読む

QCGIフォーム一定時間過ぎると送信ボタンを押さなくてもsubmitする

CGIフォームで20秒、一定時間過ぎると送信ボタンを押さなくても自動的にsubmitする様にしたいのですが、多分JavaScriptで出来るのではないかと思うのですが、コード例など教えていただけませんでしょうか?

Aベストアンサー

setTimeoutすると読み込まれてからnミリ秒後に実行します
20秒であれば第二パラメータで20000です。
formをサブミットするのはformsの番号もしくは名前で
指定して、submit()するだけです。
はっしょって書くと以下のとおり。

<script langugage="javascript">
setTimeout('document.forms[0].submit()',20000)
</script>

Q防犯グッズ、防犯対策、身を守る方法を教えて下さい。

防犯ブザーや防犯カメラ等が全く設置されていない小さなスーパーで夜勤務しています。
田舎なので夜間は車も殆ど通らず、民家も近くにありません。
一人でレジを任される事が多く、とても不安です。
自分で自分の身を守れる様に防犯グッズを揃えようかと思っているのですが
よい防犯グッズをご存知の方がいらっしゃいましたら教えて下さい。
また、そうゆう現場に出くわしてしまった場合、どんな態度をとったら身の安全が守れますか?

Aベストアンサー

とても危険な状況ですね、お店の偉い人に相談してみましょう。何かあってからではおそいですから。

・警察にパトロールの強化をお願いします。
 管轄の交番にいくとB5サイズの紙にお店の情報やパトロールして欲しいを色々書く紙があるので書いて提出します。
希望が必ず聞かれるわけではないですが何かあった時の対応がちがいます。

・SOKやセコム等のセキュリティーシステムを利用します。
通常は機械警備で監視されていて何か有れば飛んできてもらえます。
警備は警備会社任せにできるので仕事に集中出来る事が出来ます。費用は無いように寄りピンキリです。

・警備会社のセキュリティーが高価だと思った場合は自主警備をするしか無いです。
防犯カメラや防犯ベル等を連動したセキュリティーシステムを購入して、じぶんで警備します。
こちらも費用は無いように寄りピンキリです。

・携帯電話を常に持ち歩くようにしましょう。
着信音や振動機能はオフにしておきましょう。
ワンタッチでダイヤル出来る機能がついていたら、
お店の人、警察、セキュリティー会社等につながるようにしておきましょう。
マイクの感度調整が有る場合は一番よくしておく。
何かあった時に会話をしなくても周りの音を拾って状況を相手に伝える事ができます。

・お金を要求された時には有り金全部だしてしまいましょう。命の方が大切です。
相手の状況を見ながらできるだけゆっくり動作しましょう。
相手の特徴等、できるだけ覚えておきましょう。
犯人が立ち去ってから通報した方が危険は少ないです。

・自分で作れる防犯グッズ
 とうがらしを使った防犯スプレー
化粧水等、霧吹きスプレータイプの空き瓶にとうがらしををしぼって作ったジュースを入れておく。
カラシ、ワサビ等を水でといたものでも可
水を多く入れるとよく飛ぶようになって、実を多く入れると目潰し効果大になります。
相手の顔をめがけて噴射します。
スプレー口がつまるといけないので一日数回噴射テストをするようにしましょう。自分にかけないように。

SOK等1件のセキュリティー業者に相談するより、
防犯を幅広く暑かっている業者に相談した方が色々
聞けて参考になると思います。防犯業者のURLです。
参考にしてみてください。
http://plaza.harmonix.ne.jp/~motokazu/mss/
http://www.cyber-security.co.jp/
http://www.sok.co.jp/
http://www.secom.co.jp/

参考URL:http://plaza.harmonix.ne.jp/~motokazu/mss/

とても危険な状況ですね、お店の偉い人に相談してみましょう。何かあってからではおそいですから。

・警察にパトロールの強化をお願いします。
 管轄の交番にいくとB5サイズの紙にお店の情報やパトロールして欲しいを色々書く紙があるので書いて提出します。
希望が必ず聞かれるわけではないですが何かあった時の対応がちがいます。

・SOKやセコム等のセキュリティーシステムを利用します。
通常は機械警備で監視されていて何か有れば飛んできてもらえます。
警備は警備会社任せにできるので仕事に...続きを読む

Q親窓と小窓を連携させたい

HPのトップページで小窓を一枚開きます。

HP内を閲覧している際はその小窓を表示しっぱなしにしますが、自分のHPから出た時に(親ページのウインドウを閉じる時や、他のサイトに移動した場合に)その小窓を消す方法はありますか?

ページを移動した時に消す方法はunloadで出来るようですが、サイト全体かどうかの判別はどうしたらよいでしょうか。

Aベストアンサー

小窓側で、タイマーで定期的に親の状態を監視するという方法が、もっともシンプルでいいのではないかと思います。

Q5000円で防犯グッズを買いたい

予算5000円以内で防犯グッズを買いたいです。マンションで、半地下に部屋があります。窓とドアだけがそととつながっています。ドアは2つ鍵があり、ピッキング対策はしておりません。5000円しかないので有効に使いたいのですが、何に使えばいいのですか?

Aベストアンサー

うーん、5,000円だと中途半端になると思いますよ。
最近対策し始めたうちのケースを掲げてみますね。
ドア:ピッキング対応鍵(1万円)、補助錠(3,000円)、サムターン対応キーカバー(1,000円)
窓:3つありますがそれぞれに補助錠(@1,000円、一つにつき2個付けてますので計6個)
これだけですでに20,000円越してますが、まだ不十分だと思っています。
窓に貼るシート(@7,000円うちだと2セットくらい要りそう)と、監視カメラ(ダミーも検討中)、近づくとライトが点くセンサー(ピンキリ)、ドアの鍵をディンプルキーに付替えたい、など数万円単位の対策を考えています。

事情があってとりあえず5,000円以内の対策をお考えなら、ドアの補助錠、サムターン対応カバー、窓に補助錠(1箇所に2個)くらいなら5,000円でおさまって一応の対策にはなるのではないでしょうか?

Qラジオボタン選択内容に応じて、表示内容を切り替えるようにしたい。

ラジオボタン選択内容に応じて、表示内容を切り替えるようにしたいのですが、
いくら調べても全て表示がなく、表示非表示切り替えするものしかなく分からない状態です。
今勉強中でどうつくればいいか、分からない状況でしたので、ご相談させていただきました。
※html、css、javascriptを使用予定です。

例 ) ・すべて ・項目1 ・項目2
ああ ああ いい
いい

ご教授お願いしますm(_ _)m

Aベストアンサー

#1です。ライブラリとか使わないでやるとこんな感じかな

<html>
<head>
<script>
try{
document.addEventListener ('click',function(e){clickfunc(e)},true);
}catch(e){
document.attachEvent('onclick',function(e){clickfunc(e)});
}
function clickfunc(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="INPUT" && t.type=="radio" && t.name=="test"){
switch(t.value){
case "":
display_komoku("k1",true);
display_komoku("k2",true);
break;
case "1111111":
display_komoku("k1",true);
display_komoku("k2",false);
break;
case "2222222":
display_komoku("k1",false);
display_komoku("k2",true);
break;
}
}
}
function display_komoku(val,flg){
var n=document.getElementsByTagName("*");
var r1=new RegExp("(?:^| +)"+val+"(?: +|$)");
var r2=new RegExp("(?:^| +)hide(?: +|$)");
for(var i=0;i<n.length;i++){
if(n[i].className.match(r1)){
if(flg && n[i].className.match(r2)){
n[i].className=n[i].className.replace(r2," ");
}else if(!flg && !n[i].className.match(r2)){
n[i].className+=" hide";
}
}
}
}
</script>
<style>
.hide{display:none;}
</style>
</head>
<body>
<table>
<tr valign="top">
<td>
<input type="radio" name="test" value="" checked> :すべて
<input type="radio" name="test" value="1111111"> :選択1
<input type="radio" name="test" value="2222222"> :選択2<br>
<br>
<div class="title_frame k1">タイトル1</div>
<div class="frame1 k1">文章説明<br>
<ol>
<li>ああああ</li>
</ol>
</div>
<div class="title_frame k2">タイトル2</div>
<div class="frame k2">文章説明<br>
<ol>
<li>いいいい</li>
</ol>
</div>
</td>
</tr>
</table>
</body>
</html>

#1です。ライブラリとか使わないでやるとこんな感じかな

<html>
<head>
<script>
try{
document.addEventListener ('click',function(e){clickfunc(e)},true);
}catch(e){
document.attachEvent('onclick',function(e){clickfunc(e)});
}
function clickfunc(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="INPUT" && t.type=="radio" && t.name=="test"){
switch(t.value){
case "":
display_komoku("k1",true);
display_komoku("k2",true);
break;
...続きを読む

QTVで紹介していた防犯グッズの名前

1ヶ月くらい前になるかもしれないのですが、
午後5時、6時台のTVで防犯グッズの紹介をしていました。
その中で、価格¥2980くらいの防犯グッズが
今、必要になったのですが、名前を忘れてしまって、
楽天ショップなどで検索してもでてきませんでした。

室内にカメラがつけられて、実験で男の人が室内に侵入してその様子をあとでパソコンから見れるような感じだったと思うのですが・・・

どなたかご存知の方がいらっしゃいましたら、教えてください。

Aベストアンサー

参考URLの「防犯カメラ&防犯グッズ」はいかがでしょうか?
値段が違うのですが、近いので

参考URL:http://www.2han100ka.net/bouhan/

Q親窓が切り替わった時に小窓を消す

親窓Aからwindow.openで小窓Bを開きました。
ご利用者が親窓Aから違うページへ足を運んだ時、または親窓Aを閉じた時に、小窓Bも同時に閉じる様にしたいのですが、どうしたら良いでしょうか。
または、その方法を紹介しているサイトがあれば教えてください。
よろしくお願い致します。

過去ログを検索したのですが上手く見つかりませんでした。
質問が重複していたら申し訳ごぜいません。

Aベストアンサー

「違うページへ足を運んだ」事を知るには、onunload イベントを使います。
例えば、次の様にすると実現できます。
尚、onunload イベントはウィンドウを閉じる時にも発生しますので、
親ウィンドウを閉じても子ウィンドウを閉じられます。

<html>
<head>
<SCRIPT Type="text/javascript" Language="JavaScript">
<!--
 var hWnd = '' ;   // 子ウィンドウのハンドル

 function funcOpen()
 {
  hWnd = window.open( ・・省略・・ ) ;
 }

 function funcClose()
 {
  hWnd.close() ;
  hWnd = '' ;
 }
//-->
</script>
</head>

<body onload="funcOpen()" onunload="funcClose()">
コンテンツ
</body>
</html>


人気Q&Aランキング

おすすめ情報