- ベストアンサー
クリックボタン(onclick)の配置について
画面に表示させるクリックボタンの配置についてお聞きします。 <button onClick="ボタン押下時の動作()">Click</button> 上記の様に、クリックボタンをWeb画面に表示させる場合なんですが、 画面に表示させる方法を"left"や"center"の様に大まかに設定するのではなく、 詳細に座標を指定して表示する方法はありますでしょうか？
- khaii21
- お礼率47% (19/40)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートで指定は可能です。 例は上から100、左から150のところに 横幅120、高さ50のボタン表示です。 <htm> <body> <div id="test" style="position:absolute; top:100px; left:150px;"> <form> <input type="button" onClick="ボタン押下時の動作()" value="Click" style="width:120px;height:50px;"> </form> </div> </body> </html>
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
Javascriptか、スタイルシートを使うことになります。 Javascriptの場合、参考URL1に載っている各種プロパティの値を操作することで配置を変えられます。 スタイルシートの場合、position(top, left等)、margin、padding他、用途によって様々なプロパティを使い分けて指定することになります。(参考URL2)
関連するQ&A
- ボタンの配置
初心者の問題ですが。。 ページの中央にボタン配置したいときはどのタグ使うでしょうか。 <asp:Button id="cmdSubmit" style="Z-INDEX: 105; LEFT: 100px; POSITION: absolute; TOP: 400px"runat="server" Text="送信" Width="128px"></asp:Button> <asp:Button id="cmdCancel" style="Z-INDEX: 106; LEFT: 350px; POSITION: absolute; TOP: 400px"runat="server" Text="キャンセル" Width="128px"></asp:Button> LEFTのところcenterに変えてみたんですがだめでした。。。 教えてください。 よろしくお願いします。
- 締切済み
- Microsoft ASP
- ボタンをクリックして、リンクを開きたい
ボタンをクリックして、リンクを開きたいのですが <input type="button" value="yahooを表示する" onClick="location=http://www.yahoo.co.jp/"> をしても何も起りません。 出来れば、新しいブラウザで開きたくて、 <A href="http://www.yahoo.co.jp/" target="HOGE">yahooを表示する</a> と同じように、ボタンをクリックして開きたいので、ご教授お願いします。
- ベストアンサー
- HTML
- onclickで文字をクリックしたら下の方に文字を出す
ラジオボタンならありましたが、ボタンをクリックしたときではなく普通の文字をクリックしたときに文字を出したいのですが出来ますか。 <input type="button" value="クリック１" onClick="document.all.div1.innerText='クリック１がクリック'"> <div id=div1></div> がラジオボタンで文字を表示する方法で <A onclick="javascript:location.href='index.html';">トップ</A> トップをクリックしたらindexに移動する方法なのでこれを組み合わせれば出来ると思いますがなにせJavaScriptは初心者なものでよく分かりません。 それと文字を押したら「どこどこ」に出すと「どこどこ」の制御、例えばmarginで指定など出来ましたら教えてください。 長くて判りにくいですがどうぞよろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- Android。ボタン表示してクリックで処理したい
Androidの開発をしてて、 ボタン（画像でボタンを作成するか、Buttonクラスとかのボタンでも可）を押すと 処理を行いたい制御を組み込もうとしてます。 あるサンプルのソースを見てると Canvasというのを利用して画面を表示して、 onTouchEventというのでタッチされたイベントをひろい、 どこがタッチされたかというのを計算により求めてます。 この方法だと押された場所を計算しないといけない（？）為、別の方法も考えてます。 ・Canvasでオブジェクトを追加して、そのオブジェクトが押されたらって処理する事は可能でしょうか？ ・Canvasで画面を作成し、同一画面でButtonクラス等でボタンを作り、Buttonクラスの押下イベント処理を取得する事は可能でしょうか？ ・ボタン画像を作成した場合、そのボタンの表示と押下イベント取得は一般的にどういう方法が適切なのでしょうか？ 初心者ですみません。 画像ボタンとButtonクラスのボタン、どういうイベント取得が適切なのか考えてます。 ちなみに、画面のほかの部分ではCanvasというのを利用し作ってます。 どこか一部でも解答頂けると助かります。よろしくお願いします。
- ベストアンサー
- スマートフォンアプリ開発
- WebBrowser 内のボタンをクリックし、引数を渡したい。
WebBrowser 内のボタンをクリックし、引数を渡したい。 WebBrowser コントロールを使用していて Windows アプリからページ内のボタンをクリックする方法について質問です。 以下のボタンが html で定義されているとして、 <input type = "button" id = "button1" onclick="javascript:foo();" /> HtmlElement element = null; element = webBrowser1.Document.GetElementById("button1"); element.InvokeMember("click"); こうすると、javascript の foo() が実行されます。 本題はここからなんですが、 この関数fooに引数を渡したいのです！ 例えばfooの定義を var foo=function(arg) { alert(arg); } として、アプリ側から、 element.InvokeMember("click","this is test"); のようにすれば動くかと思ったのですが、だめでした。 方法をご存知のかた、ご教授願います！
- ベストアンサー
- HTML
- スワイプ画面でのonclick処理について
先日、以下のサイトを参考にスワイプ画面を作成しましたが スワイプ画面でボタンをクリックする処理が実装できませんでした。 http://web-dou.com/android/swipe.html ページをA⇔B⇔Cとスワイプで遷移することができ、 Aの画面でAのレイアウトに配置したボタンを押すと ある処理を行うというものです。 以下のコードを3つの上記のスワイプを管理するソースコードに記述したところ、 「NullPointerException」というエラーが発生しました。 m_button = (Button)findViewById(R.id.button01); m_button.setOnClickListener(this); 以前した質問(http://okwave.jp/qa/q8826506.html)で回答していただいた通り、 参考にさせていただいた方法ではOnclick処理は実装できないのでしょうか？ もし実装できないのであればスワイプ画面でOnclick処理を行う方法について 教えていただければと思います。 回答よろしくお願いします。
- 締切済み
- スマートフォンアプリ開発
- JavaScriptでIE上のボタンクリック
JavaScriptの初心者でIE上で表示されたボタンをクリックしたいのですが、2つのボタンのうち1つをクリックしたいです。 「document.all("Buttonok").click();」,「document.getElementById("Buttonok").click();」と記入してみたのですが、エラーとなります。 下記のようなボタンをJavaScriptで押すにはどうしたらいいのでしょうか？ どなたかすいませんがご教授ください。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ボタンのHTML ※formで囲まれてないです。 <table border="0" cellspacing="0" cellpadding="0" width="150"> <tr> <td width="50%"> <div id="Button"> <input type="buttonok" value="OK" class="Button" onclick="onClk("1");" /> </div> <div id="Button"> <input type="buttonng" value="NG" class="Button" onclick="onClk("0");" /> </div> </td> </tr> </table>
- ベストアンサー
- JavaScript
- Page_Load時にボタンクリックイベントを実行するには？
ASP.NETでPage_Load時にボタンクリックイベントを実行するにはどのようにすればいいのでしょうか？ 具体的には、HTTPクエリ文字列のresultが"1"の場合はbutton1_Clickイベントを実行したいのですが、やりかたが分かりません。 サンプルソースの★の部分に button1_Click(sender, System.Web.UI.ImageClickEventArgs.Empty) と入れたら、 「型 'System.EventArgs' のオブジェクトを型 'System.Web.UI.ImageClickEventArgs' にキャストできません。」 というエラーメッセージが表示されてしまいます。 ■■■■■■サンプルソース■■■■■■ Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 'クエリー取得(数値チェック) If Request.QueryString("result").ToString = "1" Then '検索ボタン押下処理を表示する ★button1_Clickイベントを実行したい。 End If End Sub '検索ボタン押下 Protected Sub button1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles button1.Click '検索結果を表示する ： End Sub
- 締切済み
- Microsoft ASP
- ムービークリップの中にボタンを配置。
ムービークリップの中にはボタンは配置できないようになっているんでしょうか？ あるシーンに【BUTTON1】というボタンが配置されており、そのボタンを押すと【CRIP1】というムービークリップを再生させて表示させます。その表示されたムービークリップの中へ、さらに【BUTTON2】というボタンを配置しているのですが、このボタンがうまく機能しません。 ちなみに、ボタンは透明ボタンも試してみましたが、こちらもうまく機能しませんでした。 ボタンをうまく機能させる方法をご存知の方がいらっしゃたら、お手数ですがご指南願います。
- ベストアンサー
- Flash
- 「戻るボタン」 ： ボタンを使わずに、・・・
HTMLでは、戻るボタンは、 <FORM> <INPUT TYPE="button" VALUE="戻る" onClick="history.back </FORM> ですが、この動作で、 戻るボタンではなく、 <table><tr><td>戻る</td></tr></table> をクリックするようにしたいのですが、・・・ 可能でしょうか。 可能でしたら、htmlをお願いします。
- ベストアンサー
- HTML
お礼
steel_grayさん、nobu884さん こんなにも早いご回答ありがとうございました。 まだまだ勉強不足でした。参考にさせて頂きます。