コメント投稿者のメールアドレスやURLは入力されていない場合も少なくありません。
それと、一見便利そうなユニット型タグの
<%comment_url+str> ですが、URLが入力されていなくても "URL" という文字列が表示されてしまいます。
リンクをクリックしても期待した頁が展開されないのは結構なストレスになるものです。
( 実際はアンカータグは外れてますので「リンク」では無いわけですが )
「リンク先が入力されていない時はリンク自体を非表示としたい」 という意見は良く目にしますが 今回のAsh系改訂ではスクリプトではなくCSSによる方法を用いてみました。
CSSに以下を追加します。 (当店の過去記事を御存知の方には御馴染み?) .n {display:none}
コメント部のURLリンクとメールリンクを以下のようにします
<a href="<%comment_url>" title="<%comment_url>" class="n<%comment_url>">
URL </a>
<a href="mailto:<%comment_mail>" title="Mail" class="n<%comment_mail>">
@ </a>
上記のようにするとアドレスが入力されていなければリンクそのものが表示されません。
また、ステータスバー非表示でもリンク先のURLがマウスonで分かります。
( IE6、Firefox、Opera で動作 )
厳密にはこの方法は <%comment_url> が空文の場合に validでなくなります。
a href="<%comment_url>#top" 等とした方がbetterでしょう
|
★
sugar
sugar
Edit 07/12 16:20 |
>スクリプトではなくCSS方式 |
|
★
daniel
daniel
Edit 07/12 20:56 |
このCSS( n と p )の使い道は結構応用が広いです。 |
| . |