- 締切済み
javascriptからCGIにデータを移行させたい
こんにちは、CGI勉強中の者です。 以下のようなJSがあります。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // クリックした位置に画像を移動する function moveImg() { img.style.left = event.x; img.style.top = event.y; } window.document.onclick = moveImg; //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> クリックした位置に画像を移動します。<BR> <IMG src="img/imgm.gif" name="img" style="position:absolute;"><BR> </BODY> </HTML> このサンプルはeWebさんが掲載しているものです。http://javascript.eweb-design.com/0805_cim.html このJSで、移動後の座標を取得し、CGIに持ってこられたら、 保存ができて、また、移動した位置からスタートできるんじゃないかな、と思いましたが、移動後の座標取得→CGIの変数に代入させる方法がわかりません。 詳しい方、よろしくお願いします。
- raccoondog
- お礼率83% (54/65)
- CGI
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
いや この場合CGIではなくjavascriptのままの方が良い。 具体的には「cookie」を用いて情報を保存、ページ読込時にcookieの情報を読み取る試行を行い再現する。 応用するとメニューの開閉を別ページへ持ち越す等に使える http://www.tohoho-web.com/wwwcook.htm
関連するQ&A
- マウスカーソルに合わせて画像が移動するjavascriptで困っていま
マウスカーソルに合わせて画像が移動するjavascriptで困っています。 マウスカーソルに合わせて画像が移動するソースコードを書いたのですが、 マウスカーソルの動きについていけず、画像がワープ（？）してしまいます。 解決策が分かる方がいらっしゃいましたら、ご指摘願います。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <TITLE></TITLE> <SCRIPT> <!-- function move(event){ img.style.left=event.x; img.style.top=event.y; } //--> </SCRIPT> </HEAD> <BODY> <IMG src="hoge.png" name="img" style="position:absolute;" > <div onmousemove="move(event);" style="width:500px; height:500px; background-color:#cccccc;"></div> </BODY> </HTML>
- ベストアンサー
- JavaScript
- ＣＧＩだとうまくいかない！
まずは下記ソースをご覧ください。 これを実行させると上下２のフレームができまして、上フレームにある「Jump C」と いうリンクをクリックすると、下フレームが「ccccccccc」というところまでジャンプ するように作りました。 まずは実験版としてＣＧＩでなくＰＣ上でＨＴＭＬファイルを作成(main.cgiがmain.htmになる) しました。その時はうまく下フレームの「cccccccc」までジャンプしたのですが、これを ＣＧＩに作り直して実行させたところ、何も動作しないままでした。 ＣＧＩでもＨＴＭＬ上同様の動きをさせるにはどのようにしたらよろしいでしょうか？ どなたかご存知の方いましたら、ご鞭撻のほどお願い致します。 -------------- main.cgi ------------------------------------- <HTML> <HEAD><TITLE>フレームテスト</TITLE></HEAD> <FRAMESET ROWS="20%,*"> <FRAME SRC="top.cgi" NAME="FRAME2"> <FRAME SRC="btm.cgi" NAME="FRAME3"> </FRAMESET> </HTML> -------------- top.cgi ------------------------------------- <HTML> <head> </head> <body> <a href="right_btm.cgi#c" target="FRAME3">Jump C</a> </body> </html> -------------- btm.cgi ------------------------------------- <HTML> <head> </head> <body> <A NAME="#a">aaaaaaaaa<br><br><br><br><br><br><br><br><br> <A NAME="#b">bbbbbbbbb<br><br><br><br><br><br><br><br><br> <A NAME="#c">ccccccccc<br><br><br><br><br><br><br><br><br> <A NAME="#d">ddddddddddd<br><br><br><br><br><br><br><br><br> </body> </html> ------------------------------------------------------------ このＣＧＩを実行すると、
- 締切済み
- その他（インターネット・Webサービス）
- 以下のようなものを作ったのですが、cgiによるjavascript出力
以下のようなものを作ったのですが、cgiによるjavascript出力がうまくいきません。 理由がわからず困っています。 【http://www.gran-fenix.com/nao_archive/test/index.htm】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>テスト</title> <script type="text/javascript"><!-- var pageseq = 0; //--></script> <script src="./trick/test.cgi"></script> </head> <body style="background-color:white"> <noscript><p style="color:deeppink;font-weight:bold"> 【注意】 JavaScript が無効になっています。 </p></noscript> <br> <h1 style="font-size:200%;font-weight:bold;color:maroon"> <script type="text/javascript">document.write(page_title[pageseq]);</script> </h1> <hr> </body> </html> 【http://www.gran-fenix.com/nao_archive/test/trick/test.cgi】 #!/usr/local/bin/perl $jscr = 'test.txt'; $scr_body = ''; open (JSCR "<$jscr") || die "Can't open the JavaScript file\n"; while (<JSCR>) { $scr_body .= $_; } close (JSCR); print "Content-Type: text/javascript\n\n"; print <<"SCR"; $scr_body SCR 【http://www.gran-fenix.com/nao_archive/test/trick/test.txt】 var page_title = new Array(); page_title[0] = "テスト成功"; 具体的には、test.txtにある「テスト成功」の文字がHTMLのh1タグ部分に出力されません。 HTMLで、scriptタグのsrcを、test.txtと同じ内容のJSファイル test.js（場所も同じディレクトリ）にしてみると成功するので、原因はcgiにあると思うのですが、どこがおかしいのかわかりません。 なお、test.cgiのパーミッションは755、test.txtのパーミッションは644です。 よろしくお願いいたします。
- ベストアンサー
- CGI
- javascriptを２つ使うと１つの動きしかしません。
初心者です。ホームページを作っています。 以下のように記述してjavascriptで2つの動きをしたいのですが１つしか動きません。scriptをべつのファイルにしたのですが動かないのですが。どう記述したらいいのでしょうか？ よろしくお願いします。 <html> <title></title> <head> <script language="javascript" src="test.js"></script> </head> <center> <body text="#000000" onLoad="timer1=setTimeout('fadein(0,100)',100)"> <br><br> <font size="8" color="green">ようこそマイホームページへ</font><br><br> <img src="top.jpg"><br><br> <a href="top.html"> <img src="main.jpg"></a> <form action="top.html"> </form> <script language="javascript" src="common.js"> </script> <a href="javascript:void(post())">3秒後に遷移します。画面が変わらない場合はクリックしてください</a> </center> </body> </html>
- ベストアンサー
- JavaScript
- マウスでスクロールした値を取得できない
IE6.02を使っています。 マウスの座標を追いかけるプログラムで、 ブラウザを縦方向にスクロールしてもその座標を取得したいのですが、 なぜかdocument.body.scrollTopが0のままで追いかけてきませんでした。 次のどこがいけないのでしょうか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>sample</title> <script type="text/javascript"><!-- document.onmousemove=function(e){ if(document.all){ Myimg.style.pixelLeft=document.body.scrollLeft+event.x+15; Myimg.style.pixelTop=document.body.scrollTop+event.y+15; } else if(document.getElementById){ document.getElementById("Myimg").style.left=e.pageX+15; document.getElementById("Myimg").style.top=e.pageY+15; } } --></script> </head> <body> <span id="Myimg" style="position:absolute"><img src="gazou.gif"></span> a<br>←スクロールバーがでるように改行していく a<br> a<br> a<br> a<br> ・ ・ ・ </body> </html>
- ベストアンサー
- JavaScript
- JavaScriptを使う時は、
・・・・・・・・・・・・・・ <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <script> alert("test"); </script> </BODY> </HTML> ・・・・・・・・・・・・・・ これでメッセージボックスが表示されるのですが、 なぜ <script type ="text/javascript"> <!-- //--> </script> で括らなくていいのでしょうか？ JavaScriptを使う時は、 <script> </script> だけでもいいのでしょうか？ http://www.pori2.net/js/kihon/4.htmlこのサイトを参考にしました。
- ベストアンサー
- JavaScript
- JavaScriptのことで・・・
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- msg=new Array(); msg[0]=""; msg[1]="<TABLE boder=0 bgcolor='#ffffcc'><TR><TD><FONT size=-1>トップページへ</FONT></TD></TR></TABLE>"; msg[2]="<TABLE boder=0 bgcolor='#ffffcc'><TR><TD><FONT size=-1>img1.gif</FONT></TD></TR></TABLE>"; function Msg(x,y,index){ if(navigator.userAgent.indexOf("MSIE 4.")>=0){ box.innerHTML = msg[index]; box.style.left=x+10; box.style.top=y+10; }else if(navigator.userAgent.indexOf("MSIE 5.")>=0 || navigator.userAgent.indexOf("MSIE 6.")>=0){ box.innerHTML = msg[index]; box.style.left=document.body.scrollLeft+x+10; box.style.top=document.body.scrollTop+y+10; }else if(document.layers){ document.box.document.open(); document.box.document.write(msg[index]); document.box.document.close(); document.box.left=x+10; document.box.top=y+10; } } //--> </SCRIPT> </HEAD> <BODY> <DIV id="box" style="position:absolute;"></DIV> <BR> <A href="../index.htm" onMouseOver="Msg(event.x,event.y,1)" onMouseOut="Msg(event.x,event.y,0)">トップページへ</A><BR> <BR> <A href="#" onMouseOver="Msg(event.x,event.y,2)" onMouseOut="Msg(event.x,event.y,0)"><IMG src="img1.gif" border=0></A> </BODY> </HTML> と上のJavaScriptのことなんですが、上はポップアップで説明を表示のやつなんですが、どうもどこに何を入れたらいいか分かりません。 画像のポップアップなどに使いたいのですが、どこに画像のURLを入れたらいいかが分かりません。どこに表示させる説明を書いたらいいか分かりません。そのサイトを見てコピーしてもってきたのですが、説明がそのサイトに ないから質問させていただきました。ちなみに見つけたサイトはこちらです。↓ http://www.sumnet.ne.jp/domp/jsbs/の http://www.sumnet.ne.jp/domp/jsbs/kaisetsu/page9.htmです。 回答お願いします。
- ベストアンサー
- JavaScript
- CGIのプログラム設置でSSIを使わずに、JavaScriptで直接CGIを呼び出す
SSIが使えないサーバーで、JavaScriptを使って、直接CGIを呼び出して、表示させるCGIの設置をしています。 CGIスクリプト配布先では、表示した箇所に下記タグを記載するようにと説明があります。 ----------------------------------------------- <html> <body> <script language="JavaScript" src="○○.cgi" > </script> </body> </html> ----------------------------------------------- 真っ白いままで表示されなく困っています。 ちなみに直接CGIにアクセスすると、崩れた表示で表示されますので、CGI設置は問題ないはずです。 （CGIのパーミッション755にしてあります） 質問がいくつかあるのですが・・・ ホームページ作成ソフトで作っていますので、<head>～</head>内に下記メタタグが自動挿入されていますが、何か関係があるのでしょうか？ <meta http-equiv="content-script-type" content="text/javascript" /> language属性は HTML4.01に採用されなかったため、HTML4.01 に従う場合は language 属性ではなく、type属性を使用するという記載を検索で見つけましたが、type属性に変更すればよいのでしょうか？ type属性に変更のタグはどうように記載すればよいでしょうか？ JavaScriptはあまり詳しくないので、とんちんかんな質問だったらすみません。 どうぞよろしくお願いします。 ----------------------------------- 配布先CGI:http://www.nmt.ne.jp/~mamiko/scripts/index.html
- ベストアンサー
- JavaScript
- CGI/perlのエラー
CGIのテストをしています。 サーバーはUbuntu14.04 htmlで <html> <head><title>HTMLサンプル</title></head> <body> ボタンサンプル<br> <form action="cgi-bin/test.cgi" method="post"> <button type="button">ボタン</button><br> <input type="submit" value="送信"> </form> </body> </html> test.cgi #!/usr/bin/perl system = ("date >> webwrite""); 実行すると End of script output befor heads: test.cgi のエラーで止まってしまいます。 ファイル webwriteは作成されています。 何か、終了処理が必要なもでしょうか？
- ベストアンサー
- レンタルサーバ・ASP
- CGIにJavascriptを書きたい。
CGIで作った日記にJavascriptのアクセス解析をつけようと思ったのですが、 「実行しましたが、ページでエラーが発生しました。」（IE6で確認しました。）とステータスバーに表示され、 上手く働きません。どうすれば良いのでしょうか。 入れたいのは下の文です。（xは伏字です） <!--xxxxx--> <script src="http://xxxxx"></script> <noscript><a href="http://xxxx?xxxx" target="_blank"> <img src="http://xxxx?xxxx" border=0></a><br> <a style="font-size:80%" href="http://www.xxxx/" target="_blank">アクセス解析</a></noscript> <!--xxxxx-->
- 締切済み
- CGI
お礼
今頃お礼ですみません。 お礼と締め切りをしそこなっていたようです。 ありがとうございました。