タグ

htmlとプラグインに関するpoyosiのブックマーク (2)

  • 要素のリサイズイベントを検出する jQuery exResize - Cyokodog :: Diary

    ブラウザのウィンドウサイズが変更された時に、何らかの処理を行いたい場合、jQuery では resize() メソッドで window オブジェクトに対し処理を割り当てます。 $( window ).resize(function(){ /* 行ないたい処理 */ }); 一方、div 要素などの普通の HTML 要素に対し、resize() メソッドで割り当てた処理は起動されることはありません。resize() メソッドではウィンドウのサイズ変更しか検出することができないようです。 今回作成した jQuery プラグイン exResize を使用すると、div 要素等の普通の HTML 要素においても、サイズ変更を検出し、割り当てた処理を実行させることができるようになります。 機能概要 以下の基機能があります。 div 要素等の普通の HTML 要素に対するリサイズイベントの割り当て

    要素のリサイズイベントを検出する jQuery exResize - Cyokodog :: Diary
  • [作りました]olの通し番号を丸や四角付きにするjQueryプラグイン 「orderedList.js」

    大したものではないんですけど、jQueryの直書きに慣れ親しむ為に自分で前から欲しかったものをプラグインにして作ってみました。 ol要素の通し番号の種類 olにつける通し番号のバリエーションには、HTML側からだとtype属性で普通の数字、ローマ数字(小文字or大文字)、アルファベット(小文字or大文字)が指定できます。詳しくは以下のHTML5.jpのページで。 ol 要素 – コンテンツのグループ化 – HTML要素 – HTML5 タグリファレンス – HTML5.JP そして次にCSSの方からは何が出来るかですけど、これは結構種類がありますね。 スタイルシートリファレンスから参照しますと黒丸、白丸、黒四角等の定番の他、0つきの数字、漢数字、果てはヘブライ語、グルジア語なんてのもあるようです。 list-style-type-スタイルシートリファレンス ①、②がない? でもなんで①とか

    [作りました]olの通し番号を丸や四角付きにするjQueryプラグイン 「orderedList.js」
  • 1