-
ブラウザごとに異なるCSSのclassを付与する仕組みをjQueryで作ってみた。
2014/07/24
-Javascript,jQuery css, ブラウザ別ブラウザごとに異なるCSSのclassを付与し、見た目を変えてみる仕組みをjQueryを使って作ってみました。
-
【JS】チェックボックスでフォームの disabled を設定/解除するスクリプトをjQueryで組んでみた
2014/07/01
-Javascript,jQuery checkbox, disabled, チェックボックス, 制御チェックボックスでフォームのdisabledを制御するjQueryのスクリプトを作成したので忘備録としてポストします。
-
【jQuery】連動プルダウン用プラグイン『jquery.tgHierSelect』をより簡単に設置できるようバージョンアップ
2014/05/02
-Javascript,jQuery javascript, jquery, jquery.tgHierSelect, js, plugin, セレクト, ドリルダウン, バージョンアップ, プラグイン, 連動プルダウン以前作成した「jquery.tgHierSelect」ですが、連動させるプルダウン数が増えた場合や、同じページに2個以上の連動プルダウンがある場合などに、かなり手を入れないと使えない状態だったので、それらを解決しつつ、オプションの記述もシンプルになるよう、バージョンアップしました。
-
【JS】ラジオボタンでブロックの開閉を制御するスクリプトをjQueryで組んでみた
2014/01/31
-Javascript,jQuery .click(), slideDown, slideUp, ブロック開閉大きいブロックが十数個並ぶようなページで、それぞれのブロックの頭にラジオボタンを置き、その選択値によってブロックを開閉するスクリプトが必要になったので、例によってjQueryで組んでみました。
-
lightbox系プラグイン「Shadowbox.js」で、YouTube動画をオプション付きで埋め込む方法。
2014/01/18
-Javascript,jQuery Lightbox, shadowbox, モーダルウィンドウプラットフォーム関係なく動画を再生させたかったので、YouTubeにアップして見せることになり、その際に利用したlightbox系のプラグイン「Shadowbox.js」の使い方を忘備録としてポストします。
-
Javascriptでの配列の作成方法
2013/11/06
-Javascript,jQuery javascript, js, 多次元配列, 連想配列, 配列Javascriptでの配列の作り方を整理します。
-
【JS】jQueryでAタグ(リンク)を無効化する方法
2013/11/05
-Javascript,jQuery aタグ, キャンセル, リンクタグjQueryを使い、Aタグ(リンク)を無効にするスクリプトを作成したのですが、ちょくちょく出てくるたびに調べるか自分で書いた過去ネタを探しに行っているので、備忘録としてポストします。
-
【JS】jQueryでリストタグ(<li>)のテキストを取得する方法
2013/11/02
-Javascript,jQuery li, text(), ul, リストリストタグに設定されているテキストを取得するjQueryのスクリプトです。絶対にまた調べることになると思うのでその部分だけを忘備録として書いておきます。
-
【jQuery】3つのプルダウンを連動させるプラグイン『jquery.tgHierSelect』を作ってみた
2013/10/31
-Javascript,jQuery hierselect, jquery.tgHierSelect.js, 連動プルダウン複数(今回は3つ)のプルダウンメニューを連動させ選択内容を変更させる、いわゆる「連動プルダウン」のプラグインをjQueryで作ってみました。
-
【JS】jQueryでフォームのdisabledを設定/解除する方法
2013/10/30
-Javascript,jQuery attr, disabled, removeAttrよく使うのに毎回ググってる気がするのでメモ。jQueryを使い、フォームの disabled を設定/解除する方法を備忘録としてポストします。
-
半角英数から全角英数へなど、文字を変換するスクリプトをjQueryを使って組んでみた。
2013/10/23
-Javascript,jQuery 全角英数字, 半角英数字, 変換郵便局サイトの住所を入れる際、地番を入れる欄にて「全角数字を使え」という旨のエラーが出ました。
何でわざわざ全角で数字?漢数字ならまだしも、半角数字で入力されている場合はフロントエンドでなんとでもなるだろう。
-
スマホアプリでよく見る横から出てくるスライドメニューを実装できるjQueryのプラグイン「Sidr」。
2013/10/07
-Javascript,jQuery javascript, jquery, js, スマホアプリ, スライド, スライドメニュースマホ向けサイトを作成の際、メニューをスマホアプリのように横から出したくなり探しました所、「Sidr」というプラグインを発見。
-
【JS】ブラウザの横幅をjQueryで動的に取得・表示する方法
jQueryを使い、ブラウザの横幅を動的に取得・表示するスクリプトを紹介します。
-
時刻入力の入力補助として便利な「jQuery ClockPick」を使ってみる。
2013/08/17
-Javascript,jQuery clockpick, javascript, jquery, js, 入力補助, 時刻時刻を入力させるフォーム、プルダウンで作っても良かったのですが、ちょっとオシャレ(?)にjQueryの入力補助ライブラリ「ClockPick」を使ってみました。
-
【JS】クレジットカード番号を入れるフォームで、4桁入れ終わったら次のフォームにフォーカスを移すスクリプトをjQueryで組んでみた
2013/08/04
-Javascript,jQuery クレジットカード, フォーカス, 入力補助, 自動移動クレジットカード番号を入れるフォーム(4つに分割してる)を入力する際の入力補助として、4桁入れ終わったら次のフォームにフォーカスを移すというスクリプトを組んでみました。
-
プルダウンメニュー連動でテキストを切り替えるスクリプトをjQueryで組んでみた
2013/07/31
-Javascript,jQuery select, プルダウン連動, 連動プルダウンメニューを選択した際に指定のテキストを表示させるスクリプトを作って欲しいという要望があったので jQuery で作ってみました。
-
多角レーダーチャートを作成する「Jquery Canvas Chart」を使ってみた。
2013/07/12
-Javascript,jQuery javascript, jquery, js, チャート図, レーダーチャート作成しているシステムのとある一覧画面に、得点に応じたチャート図をつけて欲しいとの依頼があったので、色々と調べてみたのですが、「Jquery Canvas Chart」が簡単でわかり易かったのでご紹介。
-
ファイルをまとめてアップロードする jQuery のプラグイン「Uploadify」の使い方。
2013/05/27
-Javascript,jQuery javascript, jquery, js, php, Uploadify, 一括アップロード画像ファイルを複数枚一気にアップロード出来ないかと探していましたら「Uploadify」というjQueryのプラグインを発見しましたので、その設置方法を忘備録代わりにポストです。
-
【JS】リセットボタン押下時にフォーム入力値・選択値をリセット、クリアする方法
2013/05/23
-Javascript,jQuery クリア, リセット, 初期値検索条件などをフォームに記述・選択後、GET方式で引き継いでいる時、HTMLにある普通のリセットボタンではデータは初期化されません。そこで、jQueryを使ってデータを初期化するというイメージのスクリプトを作ってみましたのでご紹介。
-
【JS】jQueryUIのカレンダー(Datepicker)から生年月日を選択すると年齢(と経過月)をリアルタイムに表示するスクリプトを組んでみた
2013/05/19
-Javascript,jQuery calendar, Datepicker, jqueryUI, カレンダー, 日付計算, 経過年月数生年月日(年/月/日)を選択すると、リアルタイムで通算の年齢と年月日を表示させるスクリプトが必要になったので、せっかくなので勉強含みで自分で組んでみました。
-
jQuery UIのダウンロード方法をまとめてみた。
2013/05/18
-Javascript,jQuery javascript, jquery, jqueryUI, jsjQuery UI を使う機会があったので、そのダウンロード方法と設置方法を紹介。次のポストで実際に jQuery UI を使用したスクリプトを解説したいと思います。
-
【JS】ラジオボタンでテキストボックスの disabled を制御するスクリプトをjQueryで組んでみた
2013/05/12
-Javascript,jQuery disabled, ラジオボタン, 制御インプットフォーム入力の際に、近くに置いたラジオボタンで対象フォームの disabled を切り替えるスクリプトを jQuery で組んでみました。
-
Twitter風にページ上部にメッセージを通知するスクリプトを2種、jQueryで組んでみた
2013/04/19
-Javascript,jQuery javascript, jquery, js, Twitter, ツイッターツイッター風の通知バーを作りたくなり、jQueryで組んでみましたので、公開。コード自体はほんの少しなんですが、なかなかうまく行かず結構時間が掛かってしまった…。
-
【JS】マウスオーバーでブロックごとスライドしてくるナビゲーションバーをjQueryで組んでみた
2013/04/16
-Javascript,jQuery, スマートフォン ナビゲーション, マウスオーバーマウスオーバーすると画面外に隠れていたナビゲーションバー、HTMLでいうところのリストタグでできた部分がスライドして出てくるスクリプトは調べていていくつか見たのですが、メニュー部分そのもの(HTMLでいうところのULタグ)が出てくるってのは見かけなかったので、自分で作ってみました。
-
jQueryでページのロード時に指定のフォームにフォーカスを当ててみる
2013/04/10
-Javascript,jQuery jquery, js, フォーカスログインページなどでページを開いた時に、IDやユーザ名用テキストボックスにフォー ...
-
【jQuery】複数対応!テキストエリアの文字数をカウントするスクリプト
2013/04/06
-Javascript,jQuery カウント, 文字複数個のテキストエリアに対し文字数をカウント、文字数をリアルタイムで表示する事になったので、スクリプトを組んでみました。
-
【JS】タイトルタグを利用したツールチッププラグイン「jquery.tgHoverToolTip」をjQueryで作ってみた
2013/03/20
-Javascript,jQuery ツールチップ, プラグイン以前作成したツールチップを拡張し、クリックではなくマウスオーバーでポップアップするようにしてみました。クリック版ではリンクタグを利用していたためにボタンに埋め込んだりは出来なかったのですが、titleタグを利用する形式にしたため、リンクの他にも使えるようにもなっています。
-
【JS】複数のフォームに同じ値を入力するスクリプトをjQueryで作ってみた
2012/11/28
-Javascript,jQuery javascript, jquery, js都道府県別の送料を指定するフォームに一括で同じ数値を入力する場合などを想定したスクリプトを作成したので紹介します。
-
【JS】ラジオボタンの選択値によってテーブルの内容を変更するスクリプトをjQueryで作成する
ラジオボタンの選択値によって指定したテーブルのTRタグ(無論DIVでも)の表示・非表示を変更し、内容を操作するJavascript(jQuery)の紹介です。
-
【jQuery】フォームの値を取得 / チェックするスクリプト
2012/10/26
-Javascript,jQuery form, javascript, jquery, jQuery Alert Dialogs, js, 判定jQueryを使い、フォーム内容が埋まっているか、選択されているかなどをチェックする方法のメモ。