JavaScriptで下記はボタンではなく画像でリンク先が出現するソースを実現したいです。
<script type="text/javascript"などでjsファイルを読み込むような感じでもいいです。
ここまでがjsファイルでここまでがhtmlと言うように分けて記述してもらえると助かります。
<html>
<head>
<title>oooのページ</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="javascript">
<!--
function next(){
location.href="ttp://www.ooo.jp/ooo/123456";
}
function Check() {
var obj = document.getElementById("agreement");
if(obj.scrollTop + obj.clientHeight >= obj.scrollHeight - 1) {
document.form1.submit1.disabled = false;
document.form1.submit1.focus();
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="500" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="center" bgcolor="#999999"><font color="#000000"><b>ご利用規約</b></font></td>
</tr>
<form name="form1" action="" method="post">
<tr>
<td align="center">
<div id=agreement style="width:400px; height:100px; overflow: scroll; border:1px solid gray;" onScroll="Check()">
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
テキスト<br>
</div>
<input type="button" value="依頼する" name="submit" id="submit1" disabled onClick="next()">
<input type="submit" value="キャンセル" name="submit2" id="submit2" onclick="history.back()">
</td>
</tr>
</form>
</table>
</body>
</html>
No.2ベストアンサー
- 回答日時:
画像(imgタグ)にも onclick="next()" は付けられるので、
<img src="hoge.png" onclick="next()" /> とでもすればいけます。
ただ、提示ソースの依頼するボタンにあるdisabledのような機能はimgタグにはないので、
代わりの条件判断をnext()関数内に加える等の工夫が要りますが。
また、<input type="image"> もあります。
http://www.tagindex.com/html_tag/form/input_imag …
disabledも使えますが、ボタンのように見た目は変わりません。
No.1
- 回答日時:
直接の回答ではありません。
なぜ「JavaScriptで」なのでしょうか?
特段パラメータを渡しているわけでもないようなので、普通に<a>タグでダメな理由が分かりません。
<a href="http://www.ooo.jp/ooo/123456">
<img src="picture01.jpg" border=0>
</a>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
javascriptで画像をテーブルに...
-
selectのonChangeが動作しません
-
【jQuery】tableループ内のIDの...
-
クリックごとに文字色が交互に...
-
JQueryでテーブルの行を追加し...
-
jquery.csv2table.jsのテーブル
-
javascriptでクリックするごと...
-
プルダウン 項目が多いので先頭...
-
<input>の選択肢をプルダウンメ...
-
TextBoxに半角数字以外を入れた...
-
【jQuery】input nameの文字列...
-
value内に変数を入れたい
-
二つの入力欄に、同時に同じ文...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
-
JavaScriptにて動的に配列を作...
-
正規表現で複数マッチ条件で悩...
-
%の計算の仕方
-
一覧から選択した行の行番号を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
画面表示とともに、テーブルの...
-
テーブルの行数を可変長にした...
-
javascriptで画像をテーブルに...
-
テキストエリアに入力した改行...
-
プルダウンメニューを表の中に...
-
【jQuery】tableループ内のIDの...
-
javascriptで<table>背景色の取得
-
csvファイルのデータを変数とし...
-
javascriptでクリックするごと...
-
Javascriptでテーブルタグの座...
-
table内で上下するfloating men...
-
tbody要素のinnerHTMLが書き換...
-
テーブルのセルのクリック時、...
-
外部CSVをサイトに読み込み表示...
-
Table内TDの子要素を移動させた...
-
指定のテキストをクリックする...
-
javascript でテーブル操作
-
クリックごとに文字色が交互に...
おすすめ情報