先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて （他力本願）、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな～なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 ： Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと
米Twitterは3月14日（現地時間）、10日に発表し、公式iOSアプリに追加した「ホーム」「最新ツイート」タブをフィードバックを受けて撤廃し、元に戻したと発表した。「最新ツイートを常に最初に見たい人もいると聞いたので」としている。 Twitterは2018年12月からツイートの新着順表示を可能にしている。画面右上の「sparcle（きらきら）」ボタンをタップすることで、トップツイート（Twitterのアルゴリズムが重要と判断したツイート）が優先的に表示される「ホーム」とツイートが新着順に表示される「最新ツイート」を切り替えられる。 10日からロールアウトした新機能では、これをタブで切り替えられるというものだったが、最新ツイートタブをデフォルトにできず、最新ツイートタブを表示した状態でアプリを終了すると、次に起動したときにホームタブに切り替わってしまっていた。最新ツイートタブに固定できな
窓の杜 - 【NEWS】自分好みにカスタマイズできるタブ切り替え型ファイラー「UltraExplorer」
エクスプローラライクの多機能なタブ切り替え型ファイラー「UltraExplorer」v1.3.6が、4月22日に公開された。Windows 98/Me/2000/XP/Vistaに対応する寄付歓迎のフリーソフトで、現在作者のホームページからダウンロードできる。なお本ソフトは英語版だが、別途日本語設定ファイルを用意することなく、メニューから日本語表示へ切り替えることが可能。 「UltraExplorer」は、エクスプローラライクのタブ切り替え型ファイラー。カスタマイズ性に優れており、ツールバーや各種ペインの表示位置や表示・非表示といったユーザーインターフェイスをはじめ、フォルダツリーやファイルリストでの動作など、細部にわたって自分好みのファイラーにできるのが特長。 Windows標準のエクスプローラにはない特長として、フォルダ階層をメニュー風に展開する“縦列モード”機能を備えている。これは、
CSS と JavaScript でタブ切り替え
CSS と JavaScript でタブ切り替えを実現しています。 なるべく CSS や JS の記述量を最小にするように努力しました。 もっとシンプルにできそうなアイディアがございましたらご教示下さい。 「無償・無保証・著作権放棄」 ですので、 このページのソースを適当にいじって自由に使って下さい。 全てのタブの中味は 1 つの HTML ファイル (このファイル) に書いてあります。 見出しのクリックにより、表示の ON/OFF を切り替えるだけ、という仕組みです。 タブの見出しをクリックするたびにサーバーを読みに行くのが 欝陶しく思えるときに、うってつけかと。 そう言えば、某サイトでは、クリックどころか、 タブの見出しにマウスカーソルを合わせるだけで、 フォーカスされていることを表す見出しの画像 (背景色が異なるだけ) を いちいち Web サーバーへ取りに
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
窓の杜 - 【NEWS】エクスプローラにタブ切り替え機能を追加できるツールバー「QTTabBar」
エクスプローラにタブ切り替え機能を追加できるツールバー「QTTabBar」v1.0.2が、9日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作には.NET Framework 2.0が必要。 「QTTabBar」は、エクスプローラのツールバーにタブ切り替え機能を追加できるソフト。1つのウィンドウで複数のフォルダを開けるようになる。さらに、タスクバー上のタスクボタンも1個だけで済むため、多数のフォルダを開いて作業する際も、デスクトップやタスクバーを広く使えて便利。 本ソフトをインストール後、エクスプローラの［表示］－［ツールバー］メニューから［QTTabBar］を選択すると、ツールバー上にタブが追加され、以降デスクトップやエクスプローラでフォルダを開くと、開いたフォルダがタブに追加されるようになる。 タブは、マウス
窓の杜 - 【NEWS】高速起動で動作も軽快なタブ切り替え型Webブラウザー「TheWorld Browser」
高速起動で動作も軽快なタブ切り替え型Webブラウザー「TheWorld Browser」v2.1 Spring (2.1.1.8)が、3日に公開された。Windows 98/2000/XP/Vistaに対応し、非商用の個人利用に限りフリーソフトで、現在作者のホームページからダウンロードできる。 「TheWorld Browser」は、IEコンポーネントを利用したタブ切り替え型Webブラウザー。一般的なタブ切り替え型Webブラウザーの場合、タブを開く数が増えれば増えるほど処理に時間がかかってしまうが、本ソフトはマルチスレッド技術を利用していることにより、多数のタブを同時に開いていても軽快に動作するのが特長。 一般的なWebブラウザーとしての基本的な機能を十分に備えているのもうれしい。基本機能以外には、マウスジェスチャーやポップアップウィンドウのブロック、指定した一定間隔での自動更新などが搭載
こんにちは、ミキです。 今回はアウトプットの場として、 最近プラグインを使わずに実装した タブ切り替え機能の紹介をしたいと思います。 HTML まずタブとタブに連動したコンテンツのHTMLを用意します。 一番目のタブに「class=”select”」をつけます。 最初に表示させないコンテンツにはあらかじめ「display:none;」を設定しますので、 ここでは「class=”hide”」をつけました。 ちなみにダミーテキストは夏目漱石の坊っちゃんからです。 <ul class="tab"> <li class="select">タブ1</li> <li>タブ2</li> <li>タブ3</li> <li>タブ4</li> </ul> <ul class="content"> <li>親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かし
ここで、一つ抑えておきたいのは vi及びvimでは初期設定では変更途中のファイルを離れて別のファイルを編集することができない ということ。 つまり、いったん :write とするか :edit! として変更を破棄するか :hide edit foo.txt として明示的に編集中ファイルを隠すかする必要がある。 ファイルを切り替える際、自動で保存するオプションとして :set autowrite 自動で:hideを付加するオプションとして :set hidden がある。以下のnext系コマンド等にも関係する。 ・ファイルを切り替える（next系コマンド）
窓の杜 - 【REVIEW】Excelファイルも開けるタブ切り替え型の多機能CSVエディター「SmCsvEdit」
「SmCsvEdit」は、データの閲覧に特化したタブ切り替え型のCSVエディター。Windows 2000/XP/Vistaに対応するフリーソフトで、作者のWebサイトからダウンロードできる。 行や列のコピー・削除といった基本的な編集機能をはじめ、指定した列をもとに並び替えるソート機能、セルの結合機能、データの集計機能、列の非表示機能、行の絞り込み機能など、CSV/TSVデータの閲覧・編集に便利な機能を豊富に備えている。 なかでも、特定の列を非表示にできる機能や、特定の条件をもとに表示行を絞り込む機能は、ほかのCSVエディターには見られない大きな特長だ。大量の行や列で構成されたログファイルやデータベースファイルなどのデータを閲覧する際に有効だろう。 特定の列を非表示にするには、対象となる列を選択した状態で［表示］メニューや右クリックメニューから［列非表示］を選択するだけ。このとき、複数の列
窓の杜 - 【NEWS】軽快に動作するフリーのタブ切り替え型PDFビューワー「eXPert PDF Reader」
軽快に動作するタブ切り替え型のPDFビューワー「eXPert PDF Reader」v1.5.730が公開された。Windows 98/Me/NT/2000/XP/Server 2003に対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「eXPert PDF Reader」は、タブ切り替え型のPDFビューワー。PDFビューワーとしては珍しく、タブ切り替え型のユーザーインターフェイスを採用しているのが特長。また、複数のPDFファイルを開いても、タブ切り替えなどの操作が重く感じられることなく、軽快に動作する。 基本画面は1ペインで構成されているが、左右2ペイン表示に切り替えて、左側にブックマークツリーや各ページのサムネイルを表示することも可能。そのほか、印刷機能や表示領域の拡大・縮小といった基本的な機能を一通り備えている。 本ソフトは、日本語で作成されたPDFファイルで
窓の杜 - 【NEWS】タブ切り替え型テキストエディター風のコマンドプロンプト「ColorConsole」
タブ切り替え型テキストエディター風のコマンドプロンプト「ColorConsole」v1.51が、3月9日に公開された。Windows NT/2000/XP/Server 2003/Vistaに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 Windows標準のコマンドプロンプトは、［Ctrl］＋［C］キーや［Ctrl］＋［V］キーでのコピー・貼り付けができないなど独特の操作方法になっている。そのため、テキストエディターなどの一般的なアプリケーションの操作に慣れていると、コマンドプロンプトの入力は非常にやりづらく感じてしまう。 「ColorConsole」は、入力画面にテキストエディターを利用したコマンドプロンプト。コピー・貼り付けはもちろん、文字列の範囲選択やカーソル移動など、普段使い慣れたテキストエディターと同様の操作でコマンドの入力が可能になる。 また、コマンド
窓の杜 - 【NEWS】フリーのタブ切り替え型PDFビューワー「PDF-XChange Viewer」
タブ切り替え型で軽快に動作するフリーのPDFビューワー「PDF-XChange Viewer」v1.016が、5日に公開された。Windows 2000以降に対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「PDF-XChange Viewer」は、複数のPDF文書をタブで切り替え表示できるPDFビューワー。画面はオーソドックスな2ペインで、左側に各ページのサムネイルやブックマークが、右側にPDF文書が表示される。PDF文書は、タブで切り替えられるほか、開いているすべてのタブをサムネイル表示することも可能。 さらに閲覧中のPDF文書内へ、四角形や円の囲み線を描き込むことができ、プロパティ画面で線の色や太さを設定可能。また、任意の場所へ文字を入力したり注釈を埋め込む機能も備えているが、どちらも日本語には対応してないの
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript でタブ切り替え UI を実装する | WWW WATCH
Twitter、iOSアプリの「ホーム」「最新ツイート」タブ切り替え不評につき撤廃
prototype.js でタブ切り替え - AUSGANG SOFT
誰でも出来る！プラグインを使わずにjQueryで実装するタブ切り替え機能！
組込みエンジニアのブログ vim ファイル・バッファ・画面分割・タブ切り替え操作 最強まとめ
Windows/Mac/Linux対応のシンプルなタブ切り替え型CSVエディター「CSV+」が公開／作者のWebサイトから無償でダウンロード可能
