投票ボタンの別窓表示方法とは?

このQ&Aのポイント
  • エンピツというレンタル日記のサイトで投票ボタンを押すと、「投票しました」と別窓表示されるが、画像を別窓で表示させる方法が知りたい。
  • エンピツ作家さんが投票ボタンを押すと、「投票しました」と別窓表示されるだけでなく、画像も別窓で表示される方法を教えてほしい。
  • 投票ボタンのタグを使用して別窓で画像を表示させる方法がわからない。教えてください。
回答を見る
  • ベストアンサー

投票ボタンを押して別窓2つ表示するには?

☆初めまして。どうしても不明なことがあります。  私は「エンピツ」というレンタル日記のサイトで日記を借り、それを書いています。  その「エンピツ」には、日記の投票機能がついています。  投票ボタンを押すと、「投票しました」というのが別窓表示されます。    そこで、したいことがあるのです。  とあるエンピツ作家さんが、その投票ボタンを押すと「投票しました」とは別に  もうひとつ、画像を別窓で表示させるという方法をしていました。  私もそれがやりたくて、でもやり方が判らなくてエンピツのほうに質問をしたのですが  エンピツのほうでは判らない・と返されてしまいました。  答えてくれた方の話では、javascriptを使用しているのではないかと  言われました。だけど、さっぱり判りません。  どうか、教えてください!!!  投票ボタンのタグは↓です。これをどうすればいいのか教えてください。    <form action="../../usr/bin/vote" method="POST" target="vote"> <input type="hidden" name="id" value="あなたのID番号"> <input type="hidden" name="cls" value="nikki"> <input type="submit" value="投票前のコメント" onclick='this.value = "投票後のコメント"; subWin = window.open("","vote","scrollbars=1,resizable=1,width=240,height=200,toolbar=0,location=0,directories=0,menubar=0")' style="border:1px solid #4169e1;color:#000000;background-color:#ffffff"> <br><font size="2">↑エンピツ投票ボタン</font> <br><a href="http://www.enpitu.ne.jp/tool/myadd?あなたのID番号">My追加</a> </form>

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

  • ベストアンサー
  • westpoint
  • ベストアンサー率35% (173/482)
回答No.1

<input type="submit" value="投票前のコメント" onclick='this.value = "投票後のコメント"; subWin = window.open("","vote","scrollbars=1,resizable=1,width=240,height=200,toolbar=0,location=0,directories=0,menubar=0")' style="border:1px solid #4169e1;color:#000000;background-color:#ffffff"> これを・・・ <input type="submit" value="投票前のコメント" onclick='this.value = "投票後のコメント"; subWin = window.open("","vote","scrollbars=1,resizable=1,width=240,height=200,toolbar=0,location=0,directories=0,menubar=0"); window.open("画像ファイルのURL","image","width=ウィンドウ幅,height=ウィンドウ高さ");' style="border:1px solid #4169e1;color:#000000;background-color:#ffffff"> とすればOKでしょう。 つまり、onClick='・・・・'(シングルクオートの中)の一番後に、 ;window.open("画像ファイルのURL","image","width=ウィンドウ幅,height=ウィンドウ高さ"); これを追加してやると言うことです。直前のコマンドを終了させるために、一番前に「;」(セミコロン)を入れるのを忘れないようにして下さい。

ayaka-mitsusaki
質問者

お礼

☆回答どうも有り難うございました!!  タグ入りで判りやすく、助かりました。  本当に有り難うございます!早速、知識として覚えさせていただきます。

関連するQ&A

  • ラジオボタンでうまくするには・・・・

    初めまして。 現在下記のプルダウン形式で、一つの価格が同じなので問題なく動くのですが <FORM action="cart/sys/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> <SELECT name=sur> <OPTION value="" selected>購入数量</OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION> <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION value=5>5</SELECT> <INPUT type=submit value=カートに入れる> </FORM><BR> <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> </FORM> 同じ商品で1・2・3・4・5のそれぞれに単価が変わる設定をしたいのですが、うまくいく方法が見つからないです。 ラジオボタン形式で作ってみたものの・・・・ <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=submit value=カートに入れる> </FORM> <FORM> <INPUT type="radio" name="name1" value="2000">1袋<BR> <INPUT type="radio" name="name1" value="3900">2袋<BR> <INPUT type="radio" name="name1" value="5800">3袋<BR> <INPUT type="radio" name="name1" value="7500">4袋<BR> <INPUT type="radio" name="name1" value="8500">5袋</FORM> としてみましたがうまくいきません。 なにか方法ございましたら、ご教授いただければと思います。

    • ベストアンサー
    • HTML
  • フォームボタンをリンク風に表示

    <form action="mailto:"> <input type="hidden" name="subject" value="{subject}"> <input type="hidden" name="body" value="{body}"> <input type="submit" value="メール送信"> </form><br> メーラが立ち上がると、ディフォルトで件名と本文が入るようにしています。しかし、ブラウザー上でフォームの「ボタン」表示ではなく、「リンク」のような表示にしたいのですが何か方法はあるのでしょうか? <a href="mailto:"> これだと、ディフォルトでの表示ができなくなるし。

    • ベストアンサー
    • HTML
  • ボタン別でフォームの送信先を変えたい

    同じ場所に3つある今のフォームを1つにまとめたいのですが、 「ラジオボタン」でやるのではなく「submitボタン」によって送信先の振り分けはできないのでしょうか? CGIなどを使って一旦クッションを置くのは問題ないです。何か参考になるサイトさんとかありましたら教えてください。 <form action="1.php" method="get" class="form" target="a" name="1"> <input type="hidden" name="s" value=90 /> <input type="hidden" name="t" value="e" /> <input type="text" name="moji" value="" size="8" /> <input type="submit" name="button" value="検索" /> </form> <form action="http://e.php" method="get" name="2" target="a"> <input type="hidden" name="test" value=et /> <input type="text" name="77" value="" size="8" /> <input type="submit" value="検索2" class="button" /> </form> <form action="http://8.cgi" method="get" target="a"> <input type="text" size="8" name="q" value="" /> <input type="submit" value="検索3" class="button" /> <input type="hidden" name="sut" value="JJ" /> </form>

    • ベストアンサー
    • CGI
  • クリックするとボタンの中の文字が変わるようにしたいんですが一応コードは出来たんですが・・うまくうごかなくて困ってます。

    java スクリプトのONCLICKについて質問があります。 ONCLICKのあとに何個もオプションはつけられないのでしょうか? <INPUT TYPE="button" VALUE=" " ONCLICK="form1.Q8.value += '1';" style="font-size:40pt"><br> にボタンをクリックするとボタンの中に「○」を表示するようにしたいんですが、うまくいきません・・・ 一応こう感じにつくってみたんですが・・・ <html> <head> <title></title> </head> <body> <script type="text/javascript"> function change_label(){ document.form1.label1.value = " ○ "; } </script> <form name="form1"> <input type="hidden" name="Q8" value=""><br> <input type="button" name="label1" value="クリックしてね" onclick="form1.Q8.value += '1';change_label();"> <input type="submit" name="Q9b" value="次へ" style="font-size:25pt"> </form> </body> </html> もしよろしければアドバイスいただけませんでしょうか・・・・

  • ショッピングカートのボタンを任意の画像に

    すいません。現在ネットショップのサイトを作っているのですが、 そのサイトでは以下のボタンを生成する事ができます。 ただできれば、任意の画像(ボタン)に変更したいのですがどのようにいじればよいでしょうか? ボタンの画像はもう出来ているのですが、アドバイスいただければ助かります。 <form method="post" action="http://cart.**********"> <input type="text" name="es_item_qty" value="1" style="width:30px;"> <input type="hidden" name="es_charset" value="utf-8"> <input type="hidden" name="es_item_id" value="123"> <input type="hidden" name="es_shop_id" value="987"> <input type="hidden" name="es_stock_attr_flag" value="2"> <input type="submit" name="es_submit" value="カゴに入れる" > </form>

  • ショッピングカートの送信ボタンを画像にするには!?

    ショッピングカート自体はちゃんと機能しているのですが、送信ボタンを画像にするのにはどうすればよいのでしょうか。よろしくお願いします。 ちなみに今の設定はこんな感じになってます。 <form method=post action="cart.asp"> <input type=hidden name="action" value="regist"> 商品A <input type=hidden name="goods" value="商品A"> 単価 1,000円 <input type=hidden name="unit" value="1000"> 購入数 <input type=text name="amount" value="0" size=3>個<br> 備考 <input type=text name="rem" value="" size=20> <input type=submit value="カゴへ"> </form> これをxxx.jpgという画像のボタンにしたいのですが…

  • ボタンをクリックで新しいウインドウを開くには?

    ボタンをクリックで新しいウインドウを開くには? Googleのボタン「Google」、「Homepage」を押すと、「新しいウインドウ」を開くにはどこを書き加えれば、よいのでしょうか?いろいろ試しましたが、うまくいきません。よろしくおねがいします。。 <FORM method="GET" action="http://www.google.co.jp/search"> <INPUT maxlength="300" size="21" name="q"> <INPUT type="submit" value="Google" name="btnG" style="font-weight: bold" > <INPUT type="hidden" name="lr1" valuelang-ja checked value="1"> <INPUT type="submit" value="Homepage" name="btnI" style="font-weight: bold" > </FORM>

    • ベストアンサー
    • HTML
  • formの中で別のactionをもったsubmitボタンの設置。

    formの中で別のactionをもったsubmitボタンの設置。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <title>sample</title> <script language="JavaScript" type="text/javascript"> <!-- //<クリックした時に実行される関数> //*** 送信画面 function func1(form){ document.form1.text.value =form.text.value; document.form1.file.value =form.file.value; document.form1.dummy.value =form.dummy.value; document.form1.submit(); } //*** ユーザー追加画面 function func2(form){ document.form2.text.value =form.text.value; document.form2.file.value =form.file.value; document.form2.dummy.value =form.dummy.value; document.form2.submit(); } //--> </script> </head> <body class="index"> <form enctype="multipart/form-data"> <table id="table" width="100%"> <tr><th width="10%">テキスト</th><td><input type="text" name="text"> <br /> <div style="text-align:left;"> <input type="button" onClick="func2(this.form)" value="テキスト確認"> </div> </td></tr> <tr><th width="10%">添付</th><td><input type="file" name="file"></td></tr> </table> <div style="text-align:left;"> <input type="button" onClick="func1(this.form)" value="確認"> </div> </form> <!-- sousin.php画面へ --> <form method="post" name="form1" action="sousin.php" enctype="multipart/form-data"> <input type="hidden" name="text"> <input type="hidden" name="file"> <input type="hidden" name="dummy"> </form> <!--- text.php画面へ ---> <form method="post" name="form2" action="text.php" enctype="multipart/form-data"> <input type="hidden" name="text"> <input type="hidden" name="file"> <input type="hidden" name="dummy"> </form> </body> </html> 上記のように記述し、フォームの中に別のactionをもったsubmitボタンを設置しました。 textの内容は渡せるのですが、添付したいファイルを渡すことができません。 添付ファイルも渡せるようにするにはどうすればよいのでしょうか

    • ベストアンサー
    • HTML
  • 【フォーム】PHPで確認画面をだした後にボタンを

    ほぼ初心者のものです 下記のようなフォームをつくりました <form action="regist.php" method="post"> <input type="radio" name="08241" value="A11"/> <input type="radio" name="08241" value="B11"/> <input type="radio" name="08241" value="C11"/> <input type="radio" name="08241" value="D11"/> <input type="radio" name="08241" value="E11"/> <input type="radio" name="08241" value="F11"/> <input type="submit" value="登録する" /> そしてこれらを確認するためにregist.phpを作成し <table width="250" border="1"> <tr> <td width="250">選択したもの</td> </tr> <tr> <td><?php echo $_POST["08241"] ?></td> </tr> <tr> <td>●●●</td> と記載し、選んだものを表示できるようにしました ここからが皆様にお力を借りたいところなのですが フォームから「A11」が選択されて確認画面に「A11」と表示されたとき ●●●のところに下記のような情報を含んだボタンを表示させたいんです <form name="a11" action="/products/detail.php" method="post" > <input type="hidden" name="mode" value="cart" /> <input type="hidden" name="product_id" value="137" /> <input type="hidden" name="product_class_id" value="634" /> <input type="hidden" name="quantity" value="1" /><br /> <input type="submit" value="決定する" onClick="alert('選択しました')" /> </form> このボタン情報はA11~F11まであって、product_idやproduct_class_idは それぞれ異なっています どこかに一覧を作成しておいて form nameで一致したものを表示させるといった やり方なのかなとは思うのですが、その方法がわかりません PHPを使えばいいのかJavascriptがよいのかもあわせ、記述方法などをご教授いただけませんでしょうか? どうかよろしくお願いいたします

    • 締切済み
    • PHP
  • ランダムリンクでリンク先を別ウィンドウに表示したい

    <form action="http://mkt.fem.jp/randomlink.cgi" method="get"> <input type="hidden" name="mode" value="link"> <input type="hidden" name="x" value="http://www.yahoo.co.jp/"> <input type="hidden" name="x" value="http://www.odn.ne.jp/"> <input type="hidden" name="x" value="http://www.bbiq.jp/"> <input type="hidden" name="x" value="http://www.ntt-west.co.jp/"> <input type="hidden" name="x" value="http://www.nttdocomo.co.jp/"> <input type="submit" value="タイトル~ランダムリンクだよ"></form> わかりやすい様にリンク先URLに差し支えのないものを入れました。 <input type="hidden" name="x" value="リンク先URL"> これを追加するだけでランダムリンク先は増えていきます。 質問ですが、これを表示させればリンク先は別ウィンドウにはなりません。今回は、リンク先を別ウィンドウに表示したいのです。 HTMLのどこを変えればいいのか、貼っていただけないでしょうか?

専門家に質問してみよう