グラビカ学習帳～四谷のホームページ制作会社 gravity works（グラビティ・ワークス）備忘録と知識の共有と蓄積

<mt:If>で値を比較する際、<mt:SetVarBlock> などでMTタグを変数に入れなくても、
直接指定して比較することができます。

煩雑になりがちな <mt:If> 周りではなかなか重宝するのですが、
なぜだかできること自体をよく忘れてしまうのでメモ。


MTタグと比較する場合は、tagモディファイアを使います。


例えば <$mt:CategoryLabel$> と比較するには、

<mt:If tag="CategoryLabel" eq="カテゴリーA">

となります。
いちいち変数に入れて、

<mt:SetVarBlock name="cate"><$mt:CategoryLabel$></mt:SetVarBlock>
<mt:If name="cate" eq="カテゴリーA">

としなくていいのでとても楽ですね。

ちなみに、比較対象、上の場合では eq="カテゴリーA" に変数を指定することもできます。
変数名の前に$をつけて下記のように指定します。

<mt:If tag="CategoryLabel" eq="$cate">

ある条件でaタグを無効にする必要がありまして、
JavaScriptで出来そうだけど、さてどのようにしようかな・・

と考えつつ検索していたところ、なんとCSSで実現できるとの記事を発見。

YoheiM .NET
[CSS] CSSでJavaScriptのClickイベントやリンククリック時の動作などを禁止する方法

---------------------------

pointer-events : none;

---------------------------

上記のスタイルを指定することで、
aタグの動作や JavaScript の onClick 等のイベントを無効にすることができます。

今回はレスポンシブなサイトで、

・大画面の時はサムネ + LightBox
・スマホ等の小画面では画像100%表示でクリックなし

という用途で使いました。
レスポンシブ案件が今後増えれば、さらに使いどころが出てくるかもしれません。

しかもIE7以上で動くそうなので安心です！
2016.12.15
盛大に間違えていたようで、IEでは11以上から対応でした。
とても便利なスタイルですが、使用する場合は対応ブラウザと相談になりそうです。

ご指摘があり修正しました。
誤った情報を掲載してしまい申し訳ありませんでした。

Skypeをインストールしていると電話番号の部分のアイコンがついたり、
表示が変わってしまうブラウザがあります。
アイコンに幅をとられて予定していた横幅に収まりきらなかったりして
困るんですよねー。
ということで検索してみるとこんな記事が！！

Webサイト内の電話番号が勝手にSkypeの番号ボタンに置換されるのをmetaタグで制御する

下記のmetaタグをhead内に記述するだけで消せました。

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

すばらしい！