jQueryで作るタブのメニュー画面がリンクから飛んできた時も選択した状態にしたい
今開発してるシステムでちょっとおもしろそうな題材があったので紹介しておきます。 ソース全部載せると分かりづらいので一部だけで概念的に説明しますが、これはまあ、普通にレフトメニューがあって、そしてメインの部分にはタブでメニューを選択できるようなレイアウトの画面だと思って下さい。 レフトメニューはこんな感じ <div class="left"> <p>メニュー</p> <ul> <li><a href="sample.html#menu1">menu1</a></li> <li><a href="sample.html#menu2">menu2</a></li> <li><a href="sample.html#menu3">menu3</a></li> <li><a href="sample.html#menu4">menu4</a></li> <li><a href="sample.htm
jQuery UI Tabsでタブのリンクを静的リンクにする方法
► 2018 (1) ► 1月 (1) ► 2017 (4) ► 6月 (3) ► 5月 (1) ► 2016 (15) ► 12月 (4) ► 11月 (1) ► 10月 (2) ► 7月 (3) ► 6月 (1) ► 5月 (3) ► 1月 (1) ► 2015 (13) ► 12月 (1) ► 10月 (1) ► 9月 (1) ► 6月 (1) ► 5月 (1) ► 3月 (2) ► 2月 (3) ► 1月 (3) ► 2014 (11) ► 12月 (1) ► 9月 (2) ► 8月 (2) ► 6月 (1) ► 4月 (4) ► 2月 (1) ► 2013 (15) ► 12月 (3) ► 11月 (3) ► 8月 (2) ► 7月 (4) ► 5月 (1) ► 4月 (2) ► 2012 (7) ► 10月 (1) ► 7月 (1) ► 4月 (3) ► 1月 (2) ▼ 20
jQuery UI Tabs で Ajax、Cookie、キャッシュを使ったタブコンテンツを作りたい
正式版となった「jQuery UI 1.8」が公開されました。先日、「Ajaxのタブ切り替えを使って、WPのサイドバーにある発リンク数を調整」という記事を書いているのですが、早速同様のタブコンテンツを jQuery UI Tabs で再現したいと思います。 ファイル一式を用意 デモ : http://jqueryui.com/demos/tabs/ ダウンロード : http://jqueryui.com/download 1. ダウンロードのページに行くと、全ファイルにチェックが入った状態で待ち構えていますが、必要最低限のファイルだけ欲しいので、いったん全チェックを外します。 2. WidgetsにあるTabsだけにチェックを入れます。エフェクトなどの機能が欲しい方は、必要なコンポーネントにチェックを加えてください。 3. Tabs をチェックすると、動作に必要な「Core」と「Widg
【ハウツー】Web開発者必見! jQuery UI ウィジェット3選 (4) 一度使ったら離れられない! タブレイアウトをさくっと導入 - UI/Tabs | エンタープライズ | マイコミジャーナル
一度使ったら離れられない! タブレイアウトをさくっと導入 - UI/Tabs UI/Tabsはタブレイアウトを作成するウィジェット。一画面に表示する項目数が多い場合、適切なグルーピングとUI/Tabsを使用することでユーザビリティを向上させることが可能となる。タブ内のコンテンツはHTML内に直接記述する方法のほかに、外部ファイルを呼び出すAjax modeがサポートされている。 HTMLファイル - tabs.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=U
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tabs | jQuery UI
{{#tags}}- {{label}}
{{/tags}}