投稿画像の確認画面 -投稿画像を確認するPerlコードの動作がおかしい-

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

下記のリストは投稿する画像の確認をするPearCGIのJavaScriptです <SCRIPT language="JavaScript">  </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("

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を使って参照ボタンで指定した画像を別のウィインドウに画像を表示出来ますか、出来るとすればどのよいにすれば良いですか。よろしくお願いします。

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

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

javascriptで別ウインドウを開いたのですが背景設置が上手くいきません。

いつもお世話になっております。 JavaScriptを使用し別ウインドウで画像を表示させているのですが、そのウインドウの背景が上手く設定できません。どのように編集すればよいでしょうか？現在の状態は以下の通りです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>aaa</title> <script language="javascript">  </script></head> 宜しくお願いします。

リンク一覧の表示

<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初心者です。 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> ---------------------------- どうぞよろしくお願い致します。説明不足の点がありましたら補足させて頂きます。

小窓の出し方について教えて下さい。(2)

http://oshiete1.goo.ne.jp/kotaeru.php3?q=568520 先ほどご回答を頂き、小窓の開き方は解決致しました。 ↓ <script type="text/javascript"></script> body内の、呼び出し部分は、 <a href="#" onClick="subwin('画像ファイルのURL','画像ファイルの説明'); return false;"><img src="p_1.jpg" border="0" width="70" height="48"></a> が、クリックして開く小窓に表示させるHTMLファイルで開かせたい画像が同じページにあります。（大きさは横５００縦６００）もう１つ教えて頂いた↓ <script type="text/javascript"></script> 以上をhead内に記述して、呼び出し部分は <a href="#" onClick="subwin('読み出すHTMLファイルのURL'); return false;"><img src="p_1.jpg" border="0" width="70" height="48"></a> のwidth=230, height=160をwidth=500, height=600にして上記ソースに加えると（？）全部の小窓がwidth=500, height=600になってしまいます。 width=230, height=160の画像で開かせる小窓と width=500, height=600のHTMLで開かせたい小窓を同じページに加えるには、どうしたらよいのでしょうか？ご回答宜しくお願い致します。

html内かscript内で画像出力。どちらが軽い

ホームページの読み込みは、画像を使えば使うほど重くなってしまいます。下記コードでは、(1)と(2)で1.jpg～5.jpgの画像をページに出力しています。 (1)はHTMLに、(2)はscript内に、 (1)と(2)では(2)の方がhtmlに<img src=".jpg" width="800" height="300"/> と書かなかった分、ページが重くならない、ということになりますか？ <html> <head> <title>HTML上に直接imgを出力した場合</title> </head> <body> <img src="1.jpg" width="800" height="300"/> <img src="2.jpg" width="800" height="300"/> <img src="3.jpg" width="800" height="300"/> <img src="4.jpg" width="800" height="300"/> <img src="5.jpg" width="800" height="300"/> </body> </html> <html> <head> <title>HTML上にはimgを出力せず、script内でimgを出力した場合</title> <script language="JavaScript"> var imgSanple = new Array( "1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg"); var randomSelect = Math.floor((Math.random() * 100)) % imgSanple.length; var i = "<img src='"+imgSanple[randomSelect]+"' width='800' height='300'>"; document.write(i); // --> </script> </head> <body> <noscript> <img src="1.jpg" width="800" height="300"> </noscript> </body> </html>

日替わり画像ポップアップ表示

javascriptを使って日替わりでなんとか画像を表示する事ができましたがその画像をclickしたら拡大させるにはどうしたらいいのでしょうか調べても日替わり画像までしかなくて困ってますご存知の方教えてください。 phpや別の言語を使うのでしょうか <script type="text/javascript" language="javascript">  </script> 今現在の内容です

サブウィンドウ関係のコードの改造（その２）

文末のコードは http://oshiete1.goo.ne.jp/qa3161625.html にてNo2ご教示いただいたものですが、 (1) 1回サブウィンドウを開くと2回目以降、うんともすんとも言わなくなってしまいます（スクリプトエラーにもなりません）。なぜでしょうか？ (2) 開いたサブウィンドウのソースをみると、 <HTML></HTML>としか書かれていませんが、タイトルは「題名1」とセットされてますし画像も表示されています。なぜでしょうか。開いたサブウィンドウの上下左右の余白をゼロにしたいので <body style="margin: 0px;">などとしたいのですが。以上、よろしくお願い致します。 <html> <head> <script> function openNewWin(url,winTitle){ //画像オブジェクト作成 var img = new Image(); img.src = url; //画像のロード後に窓を開く img.onload=function(){ //画像の横幅 var width = this.width; //画像の横幅でabout:blankを開く var Win=window.open("", "new", 'scrollbars=yes,top=0,left='+(getScreenWIDTH()-width)+',width='+width+',height='+(getScreenHEIGHT()+20)); //Winのdocumentにタイトルをつける Win.document.title = winTitle; Win.document.body.innerHTML = '<img src="' + this.src + '" onclick="window.close();" alt="閉じる">'; } } function getScreenHEIGHT(){ if(!!window.screen){ return screen.height-80; }else{ return null; } } function getScreenWIDTH(){ if(!!window.screen){ return screen.width-12; }else{ return null; } } // --> </script> </head> <body> <a href="#" onClick="openNewWin('myimg1.gif','題名1')">開く1</a> <a href="#" onClick="openNewWin('myimg2.gif','題名2')">開く2</a> </body> </html>

「戻る」「進む」ボタンで画像を変えるには？

「戻る」「進む」ボタンで5枚の画像を変えられるようにしたいのですが、なかなかできません。順番が飛んでしまったりしてしまいます。 var n=0; var imgDB=new Array("kenkyu/0.jpg","kenkyu/1.jpg","kenkyu/2.jpg","kenkyu/3.jpg","kenkyu/4.jpg"); function change(){ if(n==0)n=4; if(n==5)n=0; document.img.src=imgDB[n]; } <TABLE cellpadding="10" bgcolor="#0099cc"> <TBODY> <TR> <TD><IMG src="kenkyu/0.jpg" name="img" width="500" height="400" border="0"></TD> </TR> </TBODY> </TABLE> <A href=JavaScript:n--;change();><IMG src="kenkyu/modoru.jpg" width="96" height="28" border="0"></A>　 <A href=JavaScript:n++;change();><IMG src="kenkyu/susumu.jpg" width="96" height="28" border="0"></A><BR> 分かる方、教えて下さい。よろしくお願い致します。

クリックするたびに画像を変える

初心者なんですが、下記のようなスクリプトを使っています。（これ自体はうまく動作しています。）これはページ内に一つ画像をクリックするたびに別の画像を表示させていくのですが、二つ並べてみようと試みたのですが、どうもうまくいきません。同じスクリプトの名前なり番号を付けるなりすればいいのでしょうか？初心者の私に出来る限り判りやすく教えて頂けませんか？よろしくお願いします。 <SCRIPT Language="JavaScript">  </SCRIPT> 画像の部分には下記のような設定をしています。 <A HREF="javascript:change()"><IMG SRC="blank1.jpg" width="450" height="213" name="change_img" border="0"> ちなみに使用する画像は５枚か６枚で、共用してそれぞれ別の枠内に呼び出すことも可能でしょうか？例えば１．jpgという画像を２枚並べたりという意味です。

背景画像を画面サイズで固定しても縮小される

画面サイズいっぱいに1枚の画像を背景にしたいです。プレビューするとちゃんとできているのですが、ctrlと－で縮小すると固定しているはずの背景画像まで縮小されてしまします。解決する方法はありますか。 html、cssなどは下記の通りです。よろしくお願いいたします。【html】（img/bg.jpgは背景画像） <body> <img src="img/bg.jpg" width="100%" height="100%" id="bg" /> <div id="contents"> <h1>背景<h1> <p>ここにコンテンツが入ります。</p> </div> </body> 【css】 *{ margin:0; padding:0; border:0; } #bg { z-index: -1; position:fixed; } #contents{ width:950px; background-color:#FFF; } 【jquery】 <script> $(function() { setSize(); $(window).resize(function(){ setSize(); }); }); function setSize() { var imgW = 2000; var imgH = 1332; //ウィンドウサイズ取得 var winW = $(window).width(); var winH = $(window).height(); var scaleW = winW / imgW; var scaleH = winH / imgH; var fixScale = Math.max(scaleW, scaleH); var setW = imgW * fixScale; var setH = imgH * fixScale; var moveX = Math.floor((winW - setW) / 2); var moveY = Math.floor((winH - setH) / 2); $('#bg').css({ 'width': setW, 'height': setH, 'left' : moveX, 'top' : moveY }); } </script>

Microsoftのクリップギャラリーのように元サイズのプレビューを新しいウインドウに表示したい

サムネイル画像をクリックすると、別ウインドウが開いて元サイズの画像を見せるページを作りたいんです。サムネイルをクリックするたびに新しいwindowが次々に立ち上がるタイプのものは作れたのですが、別のサムネイルをクリックするとプレビュー用ウインドウの内容が変わるタイプのものが欲しいので困ってます。サンプルを改造してみたのがこれです。 function tile(imgname){ win2=window.open("","","width=350,height=200,resizable=yes") if (win2){ win2.focus() win2.document.open() win2.document.write("<head><title>"+bgname+"</title></head>") win2.document.write("<body><img src="+'"'+imgname+'"'+">") win2.document.write("<TABLE WIDTH='100%' HEIGHT='100%'><TR><TD VALIGN='bottom' ALIGN='center'><FORM><INPUT TYPE='button' NAME='ok' VALUE='Close' onClick='window.close()'></FORM></TD></TR></TABLE>") win2.document.write("</body>") win2.document.close() } あと、サムネイル画像につけるリンク先HTMLファイルの書き方も良くわかりません。スクリプトのほうに＜head＞と＜body＞タグがあるので＜html＞タグだけ書いておけば良いんでしょうか？

投稿画像の確認画面

投稿画像の確認画面

質問者が選んだベストアンサー

お礼 2008/07/21 20:12

関連するQ&A

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

resizeTo

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

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

投稿画像の表示

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

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

javascriptで別ウインドウを開いたのですが背景設置が上手くいきません。

リンク一覧の表示

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

小窓に余白が・・・

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

小窓の出し方について教えて下さい。(2)

html内かscript内で画像出力。どちらが軽い

日替わり画像ポップアップ表示

サブウィンドウ関係のコードの改造（その２）

「戻る」「進む」ボタンで画像を変えるには？

クリックするたびに画像を変える

背景画像を画面サイズで固定しても縮小される

Microsoftのクリップギャラリーのように元サイズのプレビューを新しいウインドウに表示したい

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

投稿画像の確認画面

投稿画像の確認画面

質問者が選んだベストアンサー

お礼 2008/07/21 20:12

関連するQ&A

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

resizeTo

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

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

投稿画像の表示

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

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

javascriptで別ウインドウを開いたのですが背景設置が上手くいきません。

リンク一覧の表示

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

小窓に余白が・・・

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

小窓の出し方について教えて下さい。(2)

html内かscript内で画像出力。どちらが軽い

日替わり画像ポップアップ表示

サブウィンドウ関係のコードの改造（その２）

「戻る」「進む」ボタンで画像を変えるには？

クリックするたびに画像を変える

背景画像を画面サイズで固定しても縮小される

Microsoftのクリップギャラリーのように元サイズのプレビューを新しいウインドウに表示したい

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録