JavaScriptのソース一部が画面にそのまま表示されてしまう| OKWAVE

投稿画像の確認画面

下記は画像を投稿したとき投稿画像を確認する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; }

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();　} }

アラートをクリックした後、別ウインドウを閉じる

下記はCGIのフォームから画像を送信する時、別ウインドウに画像を表示して、アラートでOKかキャンセルかを確認するJavaScriptです、 OKの場合別ウインドウを自動的に閉じたいのですが、 print <<"END_HERE"; <SCRIPT language="JavaScript">  </SCRIPT> END_HERE よろしくお願いします。

画像を送信して壁紙の変更

下記はPerlのCGIです、FROMで画像を参照し送信すると壁紙が変更できるコードです、JPGの画像が送信された時は可能なのですが GIFの画像が送信された時は変更できません、両方の画像で変更できるようにしたいのですがよろしくお願いします。 <SCRIPT language="JavaScript">  </SCRIPT>

投稿画像の表示

下記のコードは画像送信するホームと、別のウィインドウに表示する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の比較演算

不可解な動作に困っています。どなたかご教示ください。 <html> <body> <script type="text/javascript"> var a=8; if(10>a>0){document.writeln(a);}　else　{document.writeln("else");} </script> </body></html> だと、ブラウザで実行すると画面に８と表示されます。一方 <html> <body> <script type="text/javascript"> var a=8; if(10>a>7){document.writeln(a);}else{document.writeln("else");} </script> </body></html> とすると、実行したときにelseと表示されます。とても不可解です　どうしてでしょうか。

Javascriptでの小画面表示を閉じた後

Javascriptでの小画面表示を閉じた場合の親画面の挙動現在、以下のロジックで親画面から子画面を呼んでいます。 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- winAAA = window.open("","winAAA","menubar=no,status=yes,scrollbars=yes,width=600,height=800,resizable=yes"); document.AAA_Form.action="BBB.do"; document.AAA_Form.target="winAAA"; document.AAA_Form.submit(); winAAA.focus(); ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- window.close();を使い、子画面の閉じるボタンで子画面を閉じているのですが、なぜか、親画面の他ボタンを押下するとwindow.openしてない画面遷移のはずが、新規子画面で立ち上がってしまいます。原因がわかる方、ご教示お願いいたします。動作環境は、以下となります。 OS：XP IE：IE8

画像をクリックすると閉じる別ウインドウ

こんにちは。上記タイトルのページを作りたいと思っています。親ページには <script language="JavaScript">  </script> 画像リンクには <a　href="JavaScript:onClick=CenterOpen('●●.jpg',サイズ,サイズ);"> こんな感じで作ってあります。この new1.document.write("<center><form><input type=button value='close' onClick='window.close()'></form></center>"); 画像ボタンがいらないのでここを抜いて画像をクリックすると子ウインドウが閉じるようにしたいのですが、うまくいきません。このサイトもいろいろ見ましたがよくわかりませんでした。どなたかご教示下さい。よろしくお願いします。

javascriptのcanvasについて

先日こちらで質問させて頂き、頂いた回答をもとに javascriptのcanvasについて勉強を続けていて、 canvasを2つ重ねたカラーシミュレーションのようなものを作りたいと考えています。先日教えて頂いた内容をもとに下記のような記述で2枚目のcanvasの画像を入れ替えることや、色を変更することは出来ました。ただ、「進む」ボタンや「戻る」ボタンを押したときに色がもとの色に戻ってしまうので、色は固定されたまま（この記述でいうと茶色や赤）で画像を入れ替える方法がわからずにいます。なにか良い方法はないでしょうか。 <style type="text/css"> .canvas001 { position: absolute; top:100px; left:0px; } .canvas002{ position: absolute; top:100px; left:0px; } </style> <script> onload = function() { image1(); image2(); image3();}; function image1() { var cnvs = document.getElementById('canvas1'); var ctx = cnvs.getContext('2d'); var img = new Image(); img.onload = function() { ctx.drawImage(img, 0, 0); }; img.src = "face.png"; }; function image2() { var cnvs = document.getElementById('canvas2'); var ctx = cnvs.getContext('2d'); var img = new Image(); img.onload = function() { ctx.drawImage(img, 0, 0); }; img.src = "hair1.png"; }; var src = [ 　'hair1.png', 　'hair2.png', 　'hair3.png' ]; var currentIndex = 0; var currentImage; function hair(){ var img = currentImage = new Image(); img.onload = function() { if(currentImage === img){ var cnvs = document.getElementById('canvas2'); var ctx = cnvs.getContext('2d'); ctx.clearRect(0, 0, cnvs.offsetWidth, cnvs.offsetHeight); ctx.drawImage(img, 0, 0); } }; img.src = src[currentIndex]; } window.back = function(){ currentIndex = (currentIndex - 1 + src.length) % src.length; hair(); } window.foward = function(){ currentIndex = (currentIndex + 1) % src.length; hair(); } function black(){ var ctx = document.getElementById("canvas2").getContext("2d"); var imagedata = ctx.getImageData(0,0,300,300); var idata = imagedata.data; var num = idata.length; var pix = num / 4; for ( var i = 0 ; i < pix ; i++ ){ var r = idata[ i*4 ]; var g = idata[ i*4 + 1 ]; var b = idata[ i*4 + 2 ]; idata[ i*4 ] = 35; idata[ i*4 + 1 ] = 24; idata[ i*4 + 2 ] = 21; } ctx.putImageData(imagedata,0,0); } function brown(){ var ctx = document.getElementById("canvas2").getContext("2d"); var imagedata = ctx.getImageData(0,0,300,300); var idata = imagedata.data; var num = idata.length; var pix = num / 4; for ( var i = 0 ; i < pix ; i++ ){ var r = idata[ i*4 ]; var g = idata[ i*4 + 1 ]; var b = idata[ i*4 + 2 ]; idata[ i*4 ] = 140; idata[ i*4 + 1 ] = 96; idata[ i*4 + 2 ] = 37; } ctx.putImageData(imagedata,0,0); } function red(){ var ctx = document.getElementById("canvas2").getContext("2d"); var imagedata = ctx.getImageData(0,0,300,300); var idata = imagedata.data; var num = idata.length; var pix = num / 4; for ( var i = 0 ; i < pix ; i++ ){ var r = idata[ i*4 ]; var g = idata[ i*4 + 1 ]; var b = idata[ i*4 + 2 ]; idata[ i*4 ] = 182 ; idata[ i*4 + 1 ] = 0; idata[ i*4 + 2 ] = 5; } ctx.putImageData(imagedata,0,0); } </script> <body> <div> <div class="canvas001"><canvas id="canvas1" height="300"></canvas></div> <div class="canvas002"><canvas id="canvas2" height="300"></canvas></div> </div> <div> <form><div> <INPUT TYPE=button NAME="submit" VALUE="戻る" onClick="back()"> <INPUT TYPE=button NAME="submit" VALUE="進む" onClick="foward()"> </div></form> </div> <img src="btn_black.png" onclick="black()" > <img src="btn_brown.png" onclick="brown()" > <img src="btn_red.png" onclick="red()" > </body>

サブウィンドウに背景色をつけたいのですが・・・

今仕事でホームページを初めて作成しています。そこで、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(" </SCRIPT>

リンク一覧の表示

<SCRIPT language="JavaScript">  </SCRIPT> 下記のように表示されるのをリンクの一覧： http://***.ne.jp/bbns.cgi http://***.ne.jp/abc.cgi 下記のように番号を付けて表示したいのですがリンクの一覧： 0:http://***.ne.jp/bbns.cgi 1:http://***.ne.jp/abc.cgi

ＣＧＩの設置で、タグを記入した所に×が表示される

アクセスログＣＧＩを設置したのですが、アクセスログを取りたいページに下記のタグを記入したのですが、一つはタグを記入した所に×が表示され、もう一つは×が表示されません。×が表示される方のＣＧＩを私用したいのですが、×が表示されないようにするにはどうしたらよいのでしょうか（×とは画像が表示されない時みたいな感じです） ×が表示される <script language="JavaScript"> var REF=window.document.referrer; document.writeln ("<img src=\"" + "http://.../access/acclog.cgi?ref="); document.writeln(REF); document.writeln("\" border=\"0\">" ) ; </script> ×が表示されない <SCRIPT Language="JavaScript">  </SCRIPT>

JAVASCRIPT

JAVASCRIPT内にwindow.confirmの中にPHPを入れたい。どうしたらいいでしょうか？ <script> function onClickSave() { if(document.form.reportValidity() && window.confirm('<?php echo $PASSSWRD_CHANGE[STR_PASSWD_UPDATE] ?>)'){ document.form.submit(); } } </script>

親ウィンドウのボタンからサブウィンドウを閉じたいのですが・・・。

いつもお世話になっています。 JavaScript初心者です。 window.closeについて質問させて下さい。メインウィンドウにある「next」という次のページに移るボタンをクリックすると、開かれているサブウィンドウを閉じる処理を実行したいのですが、window.closeを使えばいいということしか分からず、何をどこに書けば良いのか困っています。（サブウィンドウにも「閉じる」ボタンを作成していますが、親ウィンドウからも操作が出来るようにしたいと思っています。）どうか教えていただけませんでしょうか。ソースは次の通りです。 ----------------------------- //サブウィンドウの表示 <script language="JavaScript"> function sub(msg){ var page =window.open("", "HintPage","screenX=400,screenY=600,left=400,top=600,width=400,height=250,scrollbars=yes,resizable=yes"); page.document.open(); page.document.writeln("<html>"); page.document.writeln("<head><title>{test}</title></head>"); page.document.writeln("<body leftmargin=\"15\" rightmargin=\"15\" topmargin=\"20\">"); page.document.writeln("<h3>[ {test} ]</h3><hr><br>" + msg + "<br><br><hr><br>"); page.document.writeln("<div align=center>"); page.document.writeln("<input type=button value=close onclick=\"javascript:window.close()\"></div>"); page.document.writeln("</body>"); page.document.writeln("</html>\n"); page.document.close(); page.focus(); } </script> </HEAD> //「next」ボタンの表示 <body> <table cellpadding=3 cellspacing=5 align="right"> <tr> <td bgcolor="#9999ff" align="right"><input type="submit" name="next" value="{nextBtn}" style="width: 140px; height: 20.5px;" onClick="setPname('{next}')" {disabled2}></td></tr> </table> </body> ---------------------------- どうぞよろしくお願い致します。説明不足の点がありましたら補足させて頂きます。

javascriptで画面サイズごとの表示

スマホからサイトにアクセスがあった場合に画像を非表示にしたいのですが、うまくいきません。もともとCSSで試してみたのですが、私のiPhone５ｓでは普通に表示してしまいました。 @media only screen and (max-width: 900px){ .screensize { display:none;} } ブラウザでは900いかにするとちゃんと消えます。文法エラーというわけではないです。 iPhoneの画面は９００PXもないので別の要因で邪魔されているのだと思います。よって、別の方法javascriptで画像を非表示にしてみたいと思っています。 <script> var orient = window.onorientation; if(Math.abs(window.orientation) === 0){ /*alert("表示なし");*/ } else { /*alert("表示あり");*/ document.write("<img >"); } </script> このように書いてみたのですがそもそもPC側でも表示されなくなってしまいました。「/**/」のコメントアウトを外すとポップアップは表示されるので、 document.write("<img >"); 個々の部分の書き方だとおもうのですが、さっぱりわかりません。よろしくお願いします。 <script> var orient = window.onorientation; if(Math.abs(window.orientation) === 0){ alert("縦向き"); document.write("表示する文字列"); } else { alert("横向き"); document.write("表示する文字列"); } </script>

JavaScriptについて

下記のJavaScriptでウィンドウサイズを取得し、その値に応じてTableサイズを変化させるhtmlを作成したいのですが、どうすれば良いですか？ ※下のスクリプトから???部分に値を入れたい。 <table width=??? height=??? border=1> <tr><td></tr></td> </table> //ウィンドウサイズを取得する function getWindowSize() { var sW,sH,s; sW = window.innerWidth; sH = window.innerHeight; s = "横幅 = " + sW + " / 高さ = " + sH; document.getElementById("WinSize").innerHTML = s; } </script>

JavaScriptでイベントまでのカウントを作りたい。

教えてください。JavaScript初心者です。 JavaScriptでイベントまでのカウントを作りたいのですが、日にちを画像でだして、指定した日がきたら、画像で差し替えるようにしたいのですが、どうすればいいのでしょうか？ ※現在は指定した日がきたら、「おめでとう」の文字がでるようにしてます。書いたタグは下記になります。アドバイスをお願いします。 <script language="JavaScript"></script>

Operaにおけるscriptのエスケープ？

ボタンを押したらjQueryが使えるページを新規で開くように以下のようなソースを書いてみました。 ----------------------------------------------------------------------------------------- <input type="button" value="test" onclick="test()" /> <script type="text/javascript"> function test(){ var newWindow=window.open(); newWindow.document.open(); newWindow.document.writeln('<p>test</p>'); newWindow.document.writeln('<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"><\/script>'); newWindow.document.writeln('<p>test</p>'); newWindow.document.writeln('<p>test</p>'); newWindow.document.writeln('<p>test</p>'); newWindow.document.close(); } </script> ----------------------------------------------------------------------------------------- ところが、これだとOperaではうまくいきません。「要素を検証」してみたところ、</script>以下がwritelnされていないようです。 src="～" の～部分を消してみると以下はきちんと書き込まれるのですが、それだとjsファイルを読み込むことができません。 </script>以外にもエスケープさせねばいけない所があるのでしょうか？それとも原因は他にあるのでしょうか？教えていただければありがたく思います。よろしくお願いします。

Javascriptのエラー

HPのurlが代入されているPerlの変数$urlをJavascriptに引数として渡し、HPを別ウインドウに表示したいのですが、エラー　')'が抜けているとなりエラーになります <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <A HREF=\"javascript:abc($url)\">別ウィンドウに表示</A> 何処が間違っているのですか。

画像のソースを変える(JavaScript)

<html> <head> <script language="javascript">  </script> </head> <body onload="Karasu()"> <form> <input type="text"><br> </form> </body> </html> ソースの「document.forms[0].elements[0].value」のように画像のソースを書き換えて違う画像を表示させることはできませんか? name属性を使わずにお願いします。また、他のもっと良い考え方で画像を動的に変更する方法があれば教えてください！

JavaScriptのソース一部が画面にそのまま表示されてしまう

みんなの回答

関連するQ&A