ブラウザ上のハイパーリンクをクリックすると
サイズ指定したウィンドウを表示したいのですが、
サイズ指定となるとJavaScriptを使用しないと
ダメなのでしょうか??
JavaScriptを使用してウィンドウを出すという処理
自体はわかっているのですが、<A>(アンカータグ)を
使用している為、onclickイベントで処理しようとしても
その前に<A>でアドレスと指定していないのでエラーに
なってしまいます。何かいい方法はないでしょうか?
よろしくお願いします!!!
一応、ソースを記載しておきます。
<A HREF="" onclick="output();">ハイパーリンク</A>
<script language="JavaScript">
function output() {
window.open("test.htm,"","width=500,height=600");
}
</Script>
No.3ベストアンサー
- 回答日時:
ついでに
output()を使いまわせるように引数を追加しちゃいましょう。
<a href="javascript:output('test.html')">ハイパーリンク</a>
<script language="JavaScript">
function output(url) {
window.open(url,"","width=500,height=600");
}
</Script>
てな感じにしておけば、hrefの'test.html'を変えれば
output()が使いまわせますよ。
No.4
- 回答日時:
<a href="test.html" target="_blank" onclick="
window.open('test.html', '_blank');
return false;
">here</a>
・ポイントしたときにステータスバーにこれから開くURLが表示される
・javascriptがoffの場合も考慮している
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
window.confirmのタイトル
-
HPで浮き出るウィンドウの作り方
-
タイトルバーを非表示にできま...
-
ブラウザの右上にあるボタンを...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
フレーム内のPHPへPOSTで情報を...
-
ホームページでファイルをダウ...
-
htmlファイルの表示が真っ白
-
【HTML】1クリックで複数ファイ...
-
googleドライブで、PDFファイル...
-
Webサイトから、txtファイルを...
-
どのページもすべて同じURLなの...
-
VBA URLDownloadToFileについて
-
1つ下の階層のフォルダに相対...
-
iPadの標準ブラウザでローカルH...
-
HTMLページが勝手にダウンロー...
-
<a href=…></a>で表示されない。
-
htmlの中にexcelが埋め込むには...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
window.confirmのタイトル
-
ブラウザの右上にあるボタンを...
-
リンク先を2つ表示させる
-
ページ切り替え時に音を鳴らし...
-
htmlから<a>でpdf表示時にpdf資...
-
リンク先のURLが毎日変わる場合...
-
HTMLで条件によって表示・非表示
-
行番号を指定したリンク
-
テキストアンカーリンクで複数U...
-
objectタグで埋め込んだHTMLの...
-
一つのリンクで、複数のウィン...
-
リロードさせるたびに画像を変...
-
タイトルバーを非表示にできま...
-
別ページを縮小表示
-
ひとつのhtmlでjavascriptとvbs...
-
jQueryプラグイン、サーバー上...
-
現在開いているWEBページを...
-
最新更新日をページに表示させ...
-
リンク先のテキストボックスへ...
おすすめ情報