« Prev || 1 | 2 || Next »

jQueryのTabsを導入。

カテゴリー
JavaScript
投稿者
nonukes
コメント
書く

11/24の記事「jQueryのDatepickerを導入して、ついでにカスタマイズ。」で、「“Datepicker”以外にも、なんだか今後色々使いそうな予感がする」と書いた。

やっぱり使った。

Tabs”だ。

読んで字の如く、"タブ”機能を提供してくれる。

しかも、ダウンロード前にあらかじめスタイルシートのカスタマイズをしているので、“Datepicker”のデザインと共通している。

やっぱり、諸々の機能をダウンロードしておくと、何かと便利である。

ダウンロードの仕方は上記の記事を読んでいただくとして、今回は“Tabs”の使い方に関して書き留めておく。

»Read More

jQueryのDatepickerを導入して、ついでにカスタマイズ。

カテゴリー
JavaScript
投稿者
nonukes
コメント
1件

“ボウリングの紆余曲折”で、スコア分析をする画面において“○年○月○日~×年×月×日”という日付範囲指定をしたい。

単純にセレクトボックスを使う手もあったが、ここはカレンダーから入力する方がユーザーフレンドリーってなもんだろう。

そこで、カレンダーから日付指定が出来るjQueryのプラグイン “Datepicker”を導入することにした。

まずは、以下のサイトにアクセス。

jQuery UI - ThemeRoller
http://jqueryui.com/themeroller/

jquery-ui_1

このサイト、実はjQueryを利用した様々なリッチユーザーインターフェイスを提供してくれるサイトである。

カレンダーはもちろんのこと、タブやアコーディオン、ボタンといったあらゆる機能をjQueryを利用して実現してくれる。

しかも、配色も自分でカスタマイズできるため、サイトテーマに合ったユーザーインターフェイスに仕上がる。

英語サイトなので生粋のジャパニーズであるボクにとってはなかなか大変であるが、非常に素晴らしい

»Read More

JavaScriptの“window.open”を使ってみた。

カテゴリー
JavaScript
投稿者
nonukes
コメント
書く

「JavaScriptの“window.open”を使ってみた。」の記事を書こうとしたが、いや途中まで書いていたが、ドラフト保存がぶっ飛んだので不貞寝したのは昨日の話。

改めて、今日は“メモ帳”にしっかり下書きしたうえで(笑)この記事を書いてます。

“ボウリングの紆余曲折”の“スコア分析”ページ拡充計画が遅々として進まないが、今日は一歩前進した。

これまで、最初に“投球者の選択”をしてから分析・閲覧画面へ進むように構成していたが、途中で投球者を変更したい時に、いちいち最初のページへ戻らなくてはならなかった。

これを、分析・閲覧途中でも投球者を変更できるようにした。

具体的には次の通り。

»Read More

Google Analyticsのトラッキングコードを外部ファイルに記述

カテゴリー
JavaScript
投稿者
nonukes
コメント
書く

今日は、2011年11月11日。

1が6個並ぶ。

世間では、“ポッキーの日”らしい。

と同時に、“立ち呑みの日”らしい。

と同時に、“豚まんの日”らしい。

でも、個人的には“結婚記念日”である。

祝2周年。おめでとう。

そんな個人的なことはまあ置いといて、今日はGoogle Analyticsのトラッキングコードを外部ファイルに記述することにした。

»Read More

chromeでJavaScriptが動かなくなった。。。

カテゴリー
JavaScript
投稿者
nonukes
コメント
書く

昨日あたりから急に、chromeでJavaScriptが動かなくなった。

他のブラウザ(IE8、firefox、opera、safari)で確認したところ、正常に働いている。

何が何だかさっぱりわからなかったのでググってみたら、ローカルのファイルを読み込むときにchromeではJavaScriptが動かず、chromeを起動する際に“--allow-file-access-from-files”という引数を付けてやればよい、との記事があった。

違うのだ。

ローカルのファイルではなく、サーバー上のファイルなのだ。

何が何だかさっぱりわからない。

「設定(レンチのアイコン)」⇒「オプション」⇒「高度な設定」⇒「プライバシー」⇒「コンテンツの設定」⇒「Javascript」を見ても、ちゃんと“すべてのサイトで Javascript の実行を許可する(推奨)”にチェックが入っている。

»Read More

« Prev || 1 | 2 || Next »
track feed