カテゴリ別記事アーカイブ|メモ的な日記メモ的な日記プログラミングについての個人的メモ日記。PHPとかjQueryとかがメイン。ないブログに表示されています。新しい記事を書く事で広告が消えます。Wed.テキストエリアでTabの有効化テキストエリアでTabの入力を有効にする。script書いてID指定するだけで出来るみたい。フォルダツリー表示の時にも使った、interface.jsを使用します。rows="5">Tabキー入力有効です。</textarea>サンプルはこちらおわり。Sat.連動プルダウンを選択した状態で表示ページ遷移時に、連動プルダウンを選択された状態で表示する。前回の連動プルダウンの応用。こちらのサイトのコメント欄を参考にさせていただきました。前回使ったConnectedSelect.jsにスクリプトを追加するだけ。以下のようにConnectedSelect.jsにスクリプトを追加します。</script>おわり。Sun.連動プルダウンシステムで連動プルダウンを使いたくなって、色々調べたので覚え書きを。親カテゴリを選ぶと、対応した子カテゴリを表示し、さらに子カテゴリを選ぶと孫カテゴリが・・・という風なプルダウン。連動プルダウンのJavaScriptはいろいろあるようですが、個人的に使いやすそうなConnectedSelect.jsを使用します。こちらのサイトを参考にさせていただきました。valueと、子カテゴリのoptgroupのlabelを対応させておきます。</script>サンプルはこちらvalueとlabelを対応させるだけなので、DBとの連携も楽ですねーおわり。Wed.フォルダツリーの表示フォルダツリーの表示をやってみた。使用するファイルは3つです。type="text/javascript"></script>あとはul/liを使ってリストを作るだけです。</ul>サンプルはこちらツリーの開閉も可能です。組み込んでリスト構造を作るだけなので簡単。Sun.ドロップダウン型メニューを垂直に並べる前回のドロップダウン型メニューのコードを、ちょっと変更するだけでメニューを垂直に出来るみたいなので、やってみました。使用するファイルは前回と同じく以下の5つです。・jquery.jdMenu.css・jquery.bgiframe.js・jquery.dimensions.js・jquery.jdMenu.js・jquery.positionBy.js使い方ソースコードは前回やった水平のドロップダウン型メニューとほとんど同じです。jQuery本体とjdMenu一式を組み込むul/li要素を使ってメニューを作る。マップGmail前回のドロップダウンメニューとほぼ同じソースです。jd_menu_vertical"]となっている点。jd_menu_vertical"]とすると垂直にメニューが並びます。水平/垂直の変更も簡単にできますね。Reserved.忍者ブログ[PR]。