テキストで拍手を設置する際に

投稿一覧

テキストで拍手を設置する際に

テキストで拍手を設置する際に　
投稿者：コマリ　2009/07/27 23:04 PC 削除
拍手を画像でなくテキストで設置したいのですが、拍手するにマウスポインタを置いたときに、文字色が変わり、下線がつくようにしたいのです。

<span style="color:#7f9db9;text-decoration:underline:none;cursor:pointer;"onclick="window.open('http://webclap.simplecgi.com/clap.php?id=●●','webclap','toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes');">web拍手を送る</span>

現在は↑のように設置してあります。
ポインタを置かないと下線なしです。

色々試してみたのですが、うまくいきませんでした。
どなたかお分かりになる方いらっしゃいましたら、教えていただけませんでしょうか。
よろしくお願いいたします。

回答一覧

3 投稿者：コマリ　2009/07/28 18:30 PC 削除
丁寧に説明してくださってありがとうございました。
思い通りの拍手が設置できて、とてもうれしいです。
回答してくださったお二方、本当にありがとうございました！

2 投稿者：名前未記入　2009/07/28 00:25 PC 削除
（そもそも onclick 属性や「ウィンドウすっきりバージョン」はおすすめ出来ませんが…）
それだと場合によってはただの文字列（押せない人もいる）になりかねないので以下のように。
リンクははじめから下線がついていた方がリンクと分かりやすいと思います（大抵のブラウザの初期設定ではそのようになってるはずです）。どうしてもマウスをのせないときには下線を表示したくないのであれば適宜 CSS を適用（:hover にも text-decoration を追加）するとよいでしょう。

CSS
a.webclap:hover {color:#7f9db9;}

HTML
<a href="http://webclap.simplecgi.com/clap.php?id=●●" class="webclap" onclick="window.open(this.href,'webclap','toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes');return false;">web拍手を送る</a>

もしくはパラメータ類はあまり意味が無い（ロケーションバーやステータスバーの非表示が出来なくなってきてる）ので以下でも可かと。
<a href="http://webclap.simplecgi.com/clap.php?id=●●" class="webclap" onclick="window.open(this.href,'webclap');return false;">web拍手を送る</a>
あるいはこれらではあまりやさしくないので以下のように。大分シンプルに。（まだまだですが）
<a href="http://webclap.simplecgi.com/clap.php?id=●●" class="webclap" target="_blank">web拍手を送る</a>

1 投稿者：don　2009/07/27 23:19 PC 削除
>text-decoration:underline:none

「テキストにアンダーラインを付けない(none)」指定のみになっています。
「マウスを乗せた時にアンダーラインを付ける」
は
【a:hover】に【text-decoration: underline;】
指定です。

同じように色を変えるのも
【a:hover】に【color: カラーコード; 】
を指定します。

ウィンドウすっきりバージョンをお使いのようですが、設置ファイルに可能であれば、スタイルシートでリンクの指定（aを疑似クラス設定して）をすると楽じゃないかと思います。