タグ

複数と日付に関するmasakuma0812のブックマーク (3)

  • Movable Typeの日付カスタムフィールドを2つ使って「開催中」を表示する方法

    Movable Typeの日付カスタムフィールドを2つ使って「開催中」を表示する方法を紹介します。 1.概要 先日「Movable Typeの日付カスタムフィールドを使って現在時刻と比較する方法」を紹介しましたが、エントリーではカスタムフィールドに設定した開始日と終了日をチェックして、現在の日付が期間内であれば「開催中」と表示します。 下のスクリーンショットは「最近のブログ記事」の右側に状況を表示させてみたものです。 完成例 前のカスタマイズ同様、jQueryを使ってリアルタイムに判定します。 2.事前準備 次のようなカスタムフィールドを事前に2つ作成してください。 まず、開始日用のカスタムフィールドです。 システムオブジェクト:ブログ記事 名前:開始日(任意の名称でOK) 種類:日付と時刻 オプション:日付と時刻 ベースネーム:(任意の名称) テンプレートタグ:EntryCFStart

  • Movable Typeのカレンダーに複数カテゴリのリンクを表示する方法

    Movable Typeのカレンダーに複数カテゴリのリンクを表示する方法を紹介します。 1.基 Movable Typeでカレンダーを作るためのMTCalendarタグにはcategoryモディファイアが用意されており、これを利用すれば特定の1つのカテゴリだけに絞ったカレンダーを作成することができます。 例えば「ニュース」カテゴリに属しているブログ記事のカレンダーを作るには次のようにすればOKです。 <mt:Calendar category="ニュース"> …中略… </mt:Calendar> ただし複数のカテゴリを指定することはできません。 2.やりたいこと ここでは、次のようなカテゴリ構成があると想定します。 日記 ├ 事 ├ 旅行趣味 ニュース ├ イベント ├ お知らせ └ その他 各ブログ記事はサブカテゴリにのみ属しています。 この状態で「ニュース」カテゴリのサブカ

    Movable Typeのカレンダーに複数カテゴリのリンクを表示する方法
  • クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」:phpspot開発日誌

    DocumentCloud's VisualSearch.js クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」 検索ボックスというとどのサイトも<input type="text">があってCSSで修飾されていたりオートコンプリートが付いていたりするものですが、今回紹介する検索ボックスはそれらをもうちょっと進化させたものになっています。検索条件など細かくをいれてもらうような場合、フォームが巨大になってしまったりしますが、その心配はありません。1つの検索ボックスで完結します。 検索ボックスがあります 入力するとフィルタの候補が現れます Enterで補完されます 条件を入れていきます ×ボタンで条件は消せますし、条件の上でクリックすればそのままオートコンプリートが走ります 日付の指定なども検索ボックス上で完結させられます こうした検索ボックスが合わないサイトも

  • 1