LoginSignup
0

More than 5 years have passed since last update.

baserJSでリンク先のファイルによってアイコンを出し分ける

Posted at

Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト

0.2.0 で実装予定

方針だけ決めて実装間に合いませんでした。

拡張子からファイルを判定してクラスを付加したり、画像を挿入するメソッドです。CSS2.1の属性セレクタを使って可能な実装ですが、より細かく正規表現でファイル名を判定したり擬似要素ではない実際の要素を挿入したりできます。

あくまで最終手段的なものです。

以下のような仕様にする予定。

JavaScript

$('a').bcExtendLink([
    {
        rule: /\.pdf$/i,
        addClass: 'file-pdf',
        addImage: '/img/icon/pdf.png',
        target: '_blank'
    },
    {
        rule: /\.xlsx?$/i,
        addClass: 'file-excel',
        addImage: '/img/icon/xls.png',
        target: '_top'
    }
]);

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0