Library

[JavaScript] ドラッグ&ドロップ

ドラッグ&ドロップを可能にするライブラリを作成した。 DEMO DOWNLOAD 使い方 ZIPファイルを解凍後(中身はdraggable.js)、任意のディレクトリに配置し、本機能を実装したいhtmlでJSファイルを読み込む。 <s...

[JavaScript] アコーディオンメニュー

アコーディオンメニューを簡単に実装するライブラリを作成した。 この手のものは既に沢山出回っているが、仕事で作ったので一応メモとして残す。 メニューを開閉するボタン部分が画像の場合とテキストの場合で2パターン作成した。 DEMO DOWNLO...

[JavaScript] 外部ファイルをインクルードする

外部ファイルをインクルードするライブラリを作成した。 Ajax のみでファイルを読み込むと、対象ファイルに日本語が使われている場合は、utf-8 以外の文字コードで文字化けが起きてしまう。本ライブラリでは、PHP 側でファイル読み込みさせる...

[JavaScript] IEでセレクトボックスに幅指定をして文字列が切れるのに対応する

IE の場合、select 要素に width を指定をすると、リスト部分も指定した値で幅が固定されてしまい、文字列が長い場合は途中で切れてしまう。(下図参考) マークアップするうえで、デザインを実現するために select 要素に幅指定を...

[JavaScript] ruby要素をJSで擬似的に再現する2

「[JavaScript] ruby要素をJSで擬似的に再現する」のライブラリを更新した。 rubyの表示切り替え機能があるのに、ボタン(の表示)の切り替えを考慮していなかった。 rubyの切り替えに伴って、ボタンの表示切り替えも可能なよう...