- ベストアンサー
ダウンロードボタンについて
こんばんは。 googleで検索しても見つからないので教えてください。 現在、ホームページを作成しているのですが、そのページの中で 壁紙を公開しようと思っています。 画像の保存は通常、jpegファイル等に「<img>」タグを使用して 「名前を付けて画像を保存」で保存をしてもらうようになっていると 思います。 そこで私がしたいと思っている方法は、「<form>」タグ内に 「<input type=button>」をしようして押下された場合に 「名前を付けて保存」ダイアログが表示されるようには出来ないので しょうか？ あまり行わない方法だと思いますが、どなたかお分かりの方は お教えください。 よろしくお願いします。
- tdohmoto
- お礼率56% (41/72)
- HTML
- 回答数4
- ありがとう数14
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
<form action="image.jpg"><p><input type="submit" value="保存"></p></form> または <form action="image.jpg"> <fieldset><button type="submit"> <ul><li>写真だ</li><li>撮影は7月だ</li><li>おすすめだ</li></ul> </button></fieldset> </form> 一応これでボタンを押せばimage.jpgが表示されます。 ボタン１つにつき<form>１つ用意しなければなりませんが。 ダウンロードダイアログを出すのはCGIを使うのが無難ですね。 「ダウンロードCGI」などで検索すれば見付かるかも知れません。
その他の回答 (3)
- steel_gray
- ベストアンサー率66% (1052/1578)
IE限定のJavascriptを使った方法ですが、 http://wws.cside.com/factory/frame.html?body/factory/tips/tips_b11.html こんなのもあります。
閲覧するブラウザに拠って挙動が異成るので画像を表示させてからのが一番良いと思いますが・・・ 他は <a href="画像へのパス" title="ターゲット先の題名かコメント">コメント</a> か・・・
- SAYKA
- ベストアンサー率34% (944/2776)
関連するQ&A
- 「戻る」ボタンを画像でするには？
「戻る」ボタンを画像に置き換えたいのですが、どこをIMG SCRにおきかえればできるのですか？ <form> <p> <input type="button" value="戻る" onclick="history.back()"> </p> </form>
- ベストアンサー
- JavaScript
- 【htmlタグ】inputタグの書き方について
現状は <input type="text">のテキスト入力エリアが存在します。 それを<form>タグで囲い、 <input type="button">のボタン押下にてform内容を送信していますが、 ボタンではなく、<a>タグのように、ハイパーリンクのような見た目にしてform内容を送信したいです。 どのように修正すればよろしいのでしょうか。宜しくお願いします。
- ベストアンサー
- HTML
- ボタンからASPファイルを実行
プログラミング初心者です。 すみません。初歩的な質問ですが、 FORMタグを使わないで、INPUT TYPE Buttonからaspファイルをキックする方法はありますでしょうか？
- ベストアンサー
- Microsoft ASP
- ボタンを画像に変更したい
iframe内のコンテンツを親からスクロールさせる URLを参考に http://moto-mono.net/2009/07/10/scroll-content-is-contained-in-iframe.html のデモのように、なんとか出来ましたが、ボタンを押下して上下のスクロールしているので、画像を配置し、上下にスクロールできるようにしたいのです。 <input type="button" id="down" value="↑" /> <input type="button" id="up" value="↓" /></p> ↓とやってみたのですが出来ませんでした。 <img id="up" src="up.jpg" alt=""> <img id="doun" src="doun.jpg" alt=""> ボタンでなければ、出来ないのでしょうか？ 出来なければ、ボタンを画像のように見せる方法はありますか？
- ベストアンサー
- JavaScript
- 【HTML/CSS】ボタンの枠が伸びてしまいます
htmlでコーディングをしています。 ボタン作成の部分で、どうしても解決できないことがあり、 投稿させて頂きました。 大変お手数ですが、ご教授頂けたらと思います。 input typeが「submit」のボタンに、画像を重ねて、機能はそのままにうまく配置するところまで できました。 ところが、Iceweaselというブラウザで見るとボタンの枠線は消えているのですが、 IE(バージョン11)で見ると、添付の画像のように、枠線が表示されてしまいます。 問題のボタンのhtml側とcss側の記載は以下の通りです。 ※<br>のタグは見易くするため、以下では省略しています。 *************************************************** 【html側】 <button input type="submit" value="検索"><img src="button_suche.gif" border="0"></button> <button input type="submit" value="決定"><img src="button_bestimmen.gif" border="0" style="width: 75px; height: 30px; margin-right:200px"></button> <button input type="button" value="全選択" onclick="chkAll_form(true)" /><img src="button_allegewaehlt.gif" border="0"></button> <button input type="button" value="全解除" onclick="chkAll_form(false)" /><img src="button_ganzefreilassung.gif" border="0"></button> 【css側】 button{ /*width: 75px;*/ /*height: 30px;*/ width:auto; padding:0; margin:0; background:none; border:none; font-size:0; line-height:0; overflow:visible; cursor:pointer; } *************************************************** なお、Iceweasel側でも、枠線は消えているのですが、 クリックすると、iEで伸びている分(margin-right:200pxの分)も含めた 幅の点線が表示されます。 またIE側は、そういうコーディングはしていないのに、 ボタンのマウスを充てると、まわりの枠が水色に反転します。 ※添付の図の「決定」ボタンの状態です。 どのようにすれば、IE側のこの枠は消えるのでしょうか。
- ベストアンサー
- HTML
- <form>タグに２つのボタン
<form>タグで２つのボタンを表示させ、以下のようにそれぞれのボタンで フィールドに別の値を入れて送信させることはできますでしょうか？ できればHTMLで、できなければJavaScriptでできますでしょうか？ ・button1を押したときは フィールド「CASE」に1を入れて送信、 HTMLで書くと、<input type="hideen" name="CASE" value="1"> ・button2を押したときは フィールド「CASE」に2を入れて送信、 HTMLで書くと、<input type="hideen" name="CASE" value="2"> ===== HTML ====================== <form action="test.cgi" method="post"> <input type="text" name="text1"> <input type="submit" value="button1"> <input type="submit" value="button2"> </form> 宜しくお願いします。
- ベストアンサー
- HTML
- フォームのプッシュボタンって、自分が用意した何らかのボタンに代用できませんか？
友達から教えてもらったサイトに、 <form><p align="center"><input type="button" value="かわでーす(^^)V" onclick="alert('\n呼ばれて飛び出てじゃじゃじゃじゃぁん \n\n ｂｙかわ(^.^)')"></input></p></form> というタグがありました。これは、ボタンを押すと、自分で決めたメッセージが注意みたいな感じで出てくるタグなのですが、この「ボタン」を、自分が用意したgifファイルにすることは可能でしょうか？ もしできるなら、そのタグや、関連サイトを教えてください！
- 締切済み
- HTML
- ボタンを動的にdisabledさせたいのですが
お世話になります。 ある画面に複数ボタンがあって 押されたボタンをdisabledにしたいなと思っています。 ただしどのボタンがおされても同じ関数に飛んでほしいのですが いまいち解決できません。 <form name="form"> <input type="button" name="syori1" value="ボタン1" onClick="javascript:hogehoge()"> <input type="button" name="syori2" value="ボタン2" onClick="javascript:hogehoge()"> <input type="button" name="syori3" value="ボタン3" onClick="javascript:hogehoge()"> </form > とあった場合 function hogehoge(){ document.form.ボタンの名前.disabled=true; } としたいのですが 名前の部分は動的に変えることは可能なのでしょうか？ 普通に document.form.syori1.disabled=true; と書けば簡単なのですが、ボタンの数が決まっていないためボタン名を指定して書くことはできません。 ボタン名は onClick="javascript:hogehoge(document.form.ボタンの名前.name)" で、送ることができるのは確認したのですが hogehoge(ボタンの名前) の方でどうやってdisabledのところに入れればいいか解りません。 よろしくお願い致します。
- ベストアンサー
- JavaScript
