アプリ版:「スタンプのみでお礼する」機能のリリースについて

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>

A 回答 (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も使えますが、ボタンのように見た目は変わりません。
    • good
    • 0
この回答へのお礼

なるほど、参考ページまで教えて頂き有難うございました。
参考にさせて頂きます。

お礼日時:2011/05/20 20:30

直接の回答ではありません。



なぜ「JavaScriptで」なのでしょうか?
特段パラメータを渡しているわけでもないようなので、普通に<a>タグでダメな理由が分かりません。

<a href="http://www.ooo.jp/ooo/123456">
<img src="picture01.jpg" border=0>
</a>
    • good
    • 0
この回答へのお礼

現在HP上で利用している物がJavaScriptであった為、それに改良を加える為でした。
コメント頂き有難うございました。

お礼日時:2011/05/20 20:31

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!