ボタンにリンク貼れますか？
-
0 名前： kachon ： 2005/08/23 03:02
- ボタンは作成できるのですが、そこからリンクを貼って
別ページに飛ばしたいと思っています。
さきほどボタンタグに<a href>を試してみましたが
どうもうまくいきません。
いい方法をご存知の方がいらっしゃいましたら
教えていただければ幸いです。
-
1 名前： Hawkeye @ C-- ： 2005/08/23 03:02 ［URL］
- ボタンからページを移動させるのは、JavaScriptのlocation.hrefを使います。
<input type=button value="GO!" onclick="location.href='http://www.yahoo.co.jp'">
ちなみに、ダブルクリックで移動させるときにはonclickをondbclickにしてください。
-
2 名前： Pid ： 2005/08/23 03:02
- 補足ですが，JavaScript 無効時に全くリンクが辿れなくなるので，
<script type="text/javascript">
<!--
document.write('<p><input type="button" value="GO!" onclick="location.href=\'http://www.yahoo.co.jp/\';" onkeypress="this.onclick();"><\/p>');
//-->
</script>
<noscript>
<p><a href="http://www.yahoo.co.jp/">GO!</a></p>
</noscript>
と書く必要がありますね。と言うか，input 要素なんか使わずに a 要素を CSS でボタンに見せた方が簡単だと思いますが。
a {
border-style: solid;
border-width: 1px 2px 2px 1px;
}
a:active { /* 押した時の凹みを表現 */
border-width: 2px 1px 1px 2px;
position: relative;
top: 1px;
left: 1px;
}
