aタグだけでボタンを



0   名前: dq : 2007/08/21(火) 12:32  ID:y8UiBzbt sub-t1
今aタグだけで、押したら(またはオンマウスで)へこむボタンを作っています。
(一部のタグしか使えないという制約があるので・・・・)
タグに埋め込むスタイルシート(style="〜")とJavaScript(onclick・onmouseover等)は使えます。
それで、押したときにスタイルシートを変化させる方法がいまいちよく分かりません。
どのようにすればできるのか、教えてください。
よろしくお願いします。


ほかに使えるタグはimgで、これも同様にスタイルシートとJavaScriptはつかえます。
<style><script><link>等のタグはまったく使用不可能です。

1   名前: カヅサツ ◆ThCi95HEzw : 2007/08/21(火) 12:32  [URL]  ID:O5hEMlpW sub-r2
> <style><script><link>等のタグはまったく使用不可能です。

そうなると onclick属性値に「スタイルシートを書き換えるJavaScript」を書くしかないですねぇ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
</head>
<body>
<p><a href="http://www.google.co.jp/"
style="border-width:2px;border-style:outset;line-height:1.6;padding:2px;"
onclick="this.style.borderStyle='inset';">google</a></p>
</body>
</html>

2   名前: dq : 2007/08/21(火) 12:32  ID:y8UiBzbt sub-t1
ありがとうございました。
後はこれにonmouseout等でもとに戻すようなものを追加すれば言い訳ですね。
大変参考になりました。ありがとうございます。

一覧へ戻る