- 締切済み
画像を送信して壁紙の変更
下記はPerlのCGIです、FROMで画像を参照し送信すると 壁紙が変更できるコードです、JPGの画像が送信された時は可能なのですが GIFの画像が送信された時は変更できません、 両方の画像で変更できるようにしたいのですがよろしくお願いします。 <SCRIPT language="JavaScript"> <!-- function check() { imag = "file:///"+document.Form1.file_1.value.replace(/\\\\/g, '/'); var new1 = window.open('','new1'); new1.document.writeln("<HTML lang='ja'>"); new1.document.writeln("<HEAD>"); new1.document.writeln("<META HTTP-EQUIV=\\"Content-Script-Type\\" CONTENT=\\"text/javascript\\">"); new1.document.writeln("<TITLE>壁紙変更<"+"/TITLE>"); new1.document.writeln("<"+"/HEAD>"); new1.document.writeln("<BODY BACKGROUND=\\""+imag+"\\">"); new1.document.writeln("<IMG SRC='/image/123.jpg'>"); new1.document.writeln("<"+"/BODY><"+"/HTML>"); } //--> </SCRIPT>
- hana3090
- お礼率29% (65/222)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- dayowl
- ベストアンサー率56% (84/148)
回答つかなかったですね。 ええと、一応これだけは私でも自信を持って言えるんですが、 これはPerlのCGIじゃないです。(^^:) Javascriptのコードですね。 更に言うと、PerlのCGIがクライアント側（IE側）に書き出した結果じゃないでしょうか？ IEで、http://..../hoge.cgiにアクセスしてそのソースを表示しても、それはPerlのCGIのコードではありません。 ご提示いただいたコードについて、 「FROMで画像を参照し送信すると壁紙が変更できるコードです」 と書かれていますが、このコードだけではそういった動作はしないです。 このコードは、 Form1のfile_1で指定したファイル名を背景画像に設定した新規ウインドウを表示させるという処理です。 ですが、その処理も、サーバー側に指定した画像ファイルが無ければ正常に動作しません。 >JPGの画像が送信された時は可能なのですが、 >GIFの画像が送信された時は変更できません。 「画像が送信された時」というのが、具体的にどういう操作がされた時のことを指しているか分からないです。 推測すると、下記のような感じのHTMLフォームで画像ファイルを指定して、「送信「ボタンをクリックしてhoge.cgiに送信しているのかな、と思いますが。。。 <body> <form name="Form_1" action="hoge.cgi" mesthod="post"> <input type=file name="file_1"> <input type=submit value="送信"> </form> </body> それであれば、hoge.cgiに相当するCGIのほうでJPGしか受け付けないようになっている可能性があります。 ここは一旦この質問は締め切って（私ポイントいらないですから）もう一度質問文を推敲の上で再質問されることをお薦めします。
関連するQ&A
- アラートをクリックした後、別ウインドウを閉じる
下記はCGIのフォームから画像を送信する時、別ウインドウに画像を表示して、アラートでOKかキャンセルかを確認するJavaScriptです、 OKの場合別ウインドウを自動的に閉じたいのですが、 print <<"END_HERE"; <SCRIPT language="JavaScript"> <!-- function check() { imag = "file:///"+document.Form1.file_1.value.replace(/\\\\/g, '/'); var new1 = window.open('','new1', 'width=500, height=400'); new1.document.writeln("<HTML lang='ja'>"); new1.document.writeln("<HEAD>"); new1.document.writeln("<META HTTP-EQUIV=\\"Content-Script-Type\\" CONTENT=\\"text/javascript\\">"); new1.document.writeln("<TITLE>画像確認<"+"/TITLE>"); new1.document.writeln("<"+"/HEAD>"); new1.document.writeln("<BODY ><CENTER>"); new1.document.writeln("<img src=\\""+imag+"\\">"); new1.document.writeln("<SCRIPT type='text/javascript'>"); new1.document.writeln("<!-"+"-"); new1.document.writeln("var conf = confirm('この画像でOKですか？');"); new1.document.writeln("//-"+"->"); new1.document.writeln("<"+"/SCRIPT>"); new1.document.writeln("<"+"/CENTER>"); new1.document.writeln("<"+"/BODY>"); new1.document.writeln("<"+"/HTML>"); new1.document.close(); return new1.conf; } //--> </SCRIPT> END_HERE よろしくお願いします。
- ベストアンサー
- JavaScript
- 投稿画像の確認画面
下記は画像を投稿したとき投稿画像を確認するPerlコードです、 別画面に投稿した画像が表示されたのですが最近画像が表示されなくなりました、何処か間違っているのか分かりませんよろしくお願いします。 <SCRIPT language="JavaScript"> <!-- var CR = "\\r"; var LF = "\\n"; var tag_change; var amp_change; var space_change; function check2(Form1){ var new2 = window.open('','new2','scrollbars=yes, resizable=1, WIDTH=100, HEIGHT=100'); new2.moveTo(0,0); new2.resizeTo(700,800); new2.focus(); whole = 2; h_mode = 1; space_change = 1; tag_change = 1; amp_change = 1; honbun = 1; new2.document.writeln("<HTML lang='ja'>"); new2.document.writeln("<HEAD>"); new2.document.writeln("<META HTTP-EQUIV=\\"Content-Script-Type\\" CONTENT=\\"text/javascript\\">"); new2.document.writeln("<TITLE>画像コメント確認<"+"/TITLE>"); new2.document.writeln("<"+"/HEAD>"); new2.document.writeln("<BODY BACKGROUND='./kabe/k2.gif'>"); new2.document.writeln("<FONT SIZE=4 COLOR='NAVY'>"); idata = window.document.Form1.pr.value; new2.document.writeln(lineX(idata)); new2.document.writeln("<"+"/FONT>"); new2.document.writeln("<CENTER>"); imag = "file:///" + document.Form1.file_1.value.replace(/\\\\/g, '/'); new2.document.writeln("<img src=\\""+imag+"\\" alt='画像がありません'>"); new2.document.writeln("<"+"/CENTER>"); new2.document.writeln("<SCRIPT type='text/javascript'>"); new2.document.writeln("<!-"+"-"); new2.document.writeln("var sw = confirm('画像、コメントOKですか？');"); new2.document.writeln("<"+"/SCRIPT>"); new2.document.writeln("<"+"/BODY>"); new2.document.writeln("<"+"/HTML>"); new2.document.close(); if (sw = new2.sw) { new2.close(); // new2 はレスと画像を確認したwindow var new1 = window.open('','new1', 'width=50, height=50,resizable=1'); new1.close(); } else { new2.close(); // new1 は画像確認したwindow var new1 = window.open('','new1', 'width=50, height=50,resizable=1'); new1.close(); } return sw; }
- ベストアンサー
- JavaScript
- resizeTo
下記は投稿画像を投稿者が画像を確認するコードです、 window openで開いたウィンドウが消えずに resizeToで開いたウインドウと２つのウインドウが表示されます、confirm が原因のようなのですが window openで開いたウインドウを消すにはどうすればいいですか。 function check1(Form1) { imag = "file:///"+document.Form1.file_1.value.replace(/\\\\/g, '/'); var new1 = window.open('','new1', 'width=400, height=400,resizable=1'); new1.document.writeln("<HTML lang='ja'>"); new1.document.writeln("<HEAD>"); new1.document.writeln("<META HTTP-EQUIV=\\"Content-Script-Type\\" CONTENT=\\"text/javascript\\">"); new1.document.writeln("<TITLE>画像確認<"+"/TITLE>"); new1.document.writeln("<"+"/HEAD>"); new1.document.writeln("<BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0><CENTER>"); new1.document.writeln("<img src=\\""+imag+"\\" name=\\"myimage0\\">"); w = new1.document.images["myimage0"].width; h = new1.document.images["myimage0"].height; new1.document.writeln("<"+"/CENTER>"); new1.document.writeln("<"+"/BODY>"); new1.document.writeln("<"+"/HTML>"); new1.resizeTo(w,h); // new1.document.writeln("<SCRIPT type='text/javascript'>"); new1.document.writeln("<!-"+"-"); new1.document.writeln("var conf = confirm('この画像でOKですか？');"); new1.document.writeln("//-"+"->"); new1.document.writeln("<"+"/SCRIPT>"); // new1.document.close(); if (conf = new1.conf) { new1.moveTo(710,0); } else { new1.close(); } }
- 締切済み
- JavaScript
- JavaScriptのソース一部が画面にそのまま表示されてしまう
下記のリストは投稿する画像の確認をするPearCGIのJavaScriptです <SCRIPT language="JavaScript"> <!-- var CR = "\\r"; var LF = "\\n"; var tag_change; var amp_change; var space_change; function check2(Form1){ var new2 = window.open('','new2','scrollbars=yes, resizable=1, WIDTH=100, HEIGHT=100'); new2.moveTo(0,0); new2.resizeTo(700,800); new2.focus(); whole = 2; h_mode = 1; space_change = 1; tag_change = 1; amp_change = 1; honbun = 1; new2.document.writeln("<HTML lang='ja'>"); new2.document.writeln("<HEAD>"); new2.document.writeln("<META HTTP-EQUIV=\\"Content-Script-Type\\" CONTENT=\\"text/javascript\\">"); new2.document.writeln("<TITLE>画像コメント確認<"+"/TITLE>"); new2.document.writeln("<"+"/HEAD>"); new2.document.writeln("<BODY BACKGROUND='./kabe/k2.gif'>"); new2.document.writeln("<FONT SIZE=4 COLOR='NAVY'>"); idata = window.document.Form1.pr.value; new2.document.writeln(lineX(idata)); new2.document.writeln("<"+"/FONT>"); new2.document.writeln("<CENTER>"); imag = "file:///" + document.Form1.file_1.value.replace(/\\\\/g, '/'); new2.document.writeln("<img src=\\""+imag+"\\" alt='画像がありません'>"); new2.document.writeln("<"+"/CENTER>"); new2.document.writeln("<SCRIPT type='text/javascript'>"); new2.document.writeln("<!-"+"-"); new2.document.writeln("var sw = confirm('画像、コメントOKですか？');"); new2.document.writeln("<"+"/SCRIPT>"); new2.document.writeln("<"+"/BODY>"); new2.document.writeln("<"+"/HTML>"); new2.document.close(); if (sw = new2.sw) { new2.close(); // new2 はレスと画像を確認したwindow var new1 = window.open('','new1', 'width=50, height=50,resizable=1'); new1.close(); } else { new2.close(); // new1 は画像確認したwindow var new1 = window.open('','new1', 'width=50, height=50,resizable=1'); new1.close(); } return sw; } //--> </SCRIPT> ************************* CGIを実行すると 下記のJavaScriptのソースが画面の上部に表示されてしまいます どこが間違っているのか分かりません よろしくお願いします。 ****************************** "); // new2.document.writeln(""); // idata = window.document.Form1.pr.value; // new2.document.writeln(lineX(idata)); // new2.document.writeln("<"+"/FONT>"); // new2.document.writeln(" "); // imag = "file:///" + document.Form1.file_1.value.replace(/\\/g, '/'); // new2.document.writeln(""); // new2.document.writeln("<"+"/CENTER>"); // new2.document.writeln("
- 締切済み
- JavaScript
- サブウィンドウに背景色をつけたいのですが・・・
今仕事でホームページを初めて作成しています。 そこで、30秒程度したら自動的に消えるサブウィンドウを作成したのですが、背景色がぜんぜんつきません。 いったいどこに、背景色のスクリプトを表示したらいいのですか。教えてください。 初心者でわからないので、全部のせてしまいました・・・ 要領わるくてすいません。 function createSubWindow() { subWindow = window.open("","SubWindow","width=370,height=220"); subWindow.document.writeln("<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=Shift_JIS'>"); subWindow.document.writeln("<HTML>"); subWindow.document.writeln("<HEAD>"); subWindow.document.writeln("<TITLE>Whata's New?</TITLE>"); subWindow.document.writeln("<SCRIPT LANGUAGE='JavaScript'>"); subWindow.document.writeln("<!--"); subWindow.document.writeln("function setTimer() {"); subWindow.document.writeln("window.setTimeout('window.close()', 30 * 1000);"); subWindow.document.writeln("}"); subWindow.document.write ("//--"); subWindow.document.writeln(">"); subWindow.document.writeln("</SCRIPT>"); subWindow.document.writeln("</HEAD>"); subWindow.document.writeln("<BODY onLoad='setTimer()'>"); subWindow.document.writeln("</BODY>"); subWindow.document.writeln("</HTML>"); subWindow.document.close(); } function closeSubWindow() { if(!subWindow.closed) { subWindow.close(); } } //--> </SCRIPT>
- ベストアンサー
- JavaScript
- ajax画像変更
すみませんがAjaxを使って，最初にネコの絵を表示しておき，変更ボタンを押したら犬の絵を表示するプログラムを作成したいのですが以下のプログラムでは表示できませんでした。どなたか教えてください cat.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>画像変更</title> <script type="text/javascript"> <!-- XmlsReq = false; if(window.XMLHttpRequest) { XmlsReq = new XMLHttpRequest(); } else if(window.ActiveXObject) { try { XmlsReq = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { XmlsReq = new ActiveXObject("Microsoft.XMLHTTP"); } } function LoadHtml(src, uri) { if (!XmlsReq) return; XmlsReq.open('GET', uri); XmlsReq.send(null) XmlsReq.onreadystatechange=function() { if (XmlsReq.readyState==4 && XmlsReq.status == 200) { document.getElementBySRC(src).innerHTML = XmlsReq.responseText; } } } //--> </script> </head> <body> <img src="cat.jpg" style="width" :600px;height:400px"> ここにHTMLファイルを読み込みます。</img> <form src="Ajax_Form"> <input type="button" src="change" value="変更" onClick="LoadHtml('cat.jpg','dog.html')"> </form> </body> </html> dog.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" > <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-Style-Type" content="text/css"> <title>画像変更</title> </head> <body> <image src="dog.jpg"> 読み込みました。 </image> </body> </html>
- 締切済み
- JavaScript
- 画像サイズのをそのつど変更させる
初めまして。 過去ログ検索したのですが、分かりませんでした。 よろしくお願いします。 画像をクリックしたとき、順番に画像を変更させるようにしています。 １番の画像が表示されていれば２番、２番の画像が表示されていれば３番の画像に変わります。 途中で画像が横から縦に変わるのですが、縦配置画像も横配置画像に強制的にされて表示されてしまいます。 記述してないHighが指定されているようです。 もとの縦のまま表示するにはどうすれば良いのでしょうか？ ソースを以下に記載します。 <HTML> <HEAD> <TITLE>順番に画像変更</TITLE> </HEAD> <SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript"> <!-- ImgNum = 0; // 画像番号用の変数を作成。 Imgs = new Array(); // 配列を定義。 Imgs[0] = "image1.jpg"; // 配列に画像のアドレスを代入。 Imgs[1] = "image2.jpg"; // 実行時、数字の順に表示されます。 Imgs[2] = "image3.jpg"; function NextChange(){ // 関数を定義。 document.images["PIC"].src = Imgs[++ImgNum % Imgs.length]; // 次の画像に変更。 } // --> </SCRIPT> <BODY> <IMG SRC="image1.jpg" NAME="PIC" onClick="NextChange();"> </BODY> </HTML>
- ベストアンサー
- JavaScript
- 新ウィンドウの画像をクリックして閉じる
画像を載せたホームページを作成しています。 target="_blank"で新ウィンドウで開いた画像をクリックして、新ウィンドウを閉じるにはどうしたら良いのでしょうか？ これじゃダメなんでしょうか？ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <SCRIPT LANGUAGE="JavaScript"> <!-- function WinCls(){ window.close() } //--> </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <A href="aaa.jpg" javascript:WinCls()" target="_blank"><IMG src="aaa.jpg"></A> </BODY> </HTML>
- 締切済み
- JavaScript
- 投稿画像の表示
下記のコードは画像送信するホームと、別のウィインドウに表示するJｓですが、画像は表示できません function check() { var new1 = window.open('','new1', width=200, height=250'); imag = document.Form1.file_1.value; new1.document.write("<img src="+imag+">"); new1.document.close(); confirm("ok"); } print "<FORM NAME=\"Form1\" METHOD=\"POST\" ACTION=\"./photo.cgi\" onSubmit=\"check()\">\n"; print "<INPUT TYPE=\"file\" NAME=$file_1 VALUE=\"\">\n"; print "<INPUT TYPE=\"submit\" NAME=\"button\" VALUE=\"新規投稿\">\n"; 送信する時に画像を別のウィインドウに表示して確認してから送信出来るようにonSubmitを使って参照ボタンで指定した画像を別のウィインドウに画像を表示出来ますか、出来るとすればどのよいにすれば良いですか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 以下のタグはクリックすると画像が切り替わり、新しいウィンドウでgooト
以下のタグはクリックすると画像が切り替わり、新しいウィンドウでgooトップへリンクするjavascriptです。 はじめて作ったタグなので無駄なところを教えてください また、同じウィンドウで開くにはどこをいじったらよいですか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>web page title</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Language" content="ja"> <script type="text/javascript"> function change(){ document.getElementById("pic").src="2.jpg"; window.open("http://www.goo.ne.jp/");} </script></head> <body> <a href="javascript:change();"><img id="pic" src="1.jpg" alt="gooへリンク"></a> </body></html>
- ベストアンサー
- JavaScript
