「Javascript,jQuery」 一覧

jQuery

【JS】スマホ用のハンバーガーメニューをjQueryとCSSで作成する方法

スマホ画面用のローバルメニューを、ハンバーガーメニューボタンをタップ(クリック)したら表示し、再度タップすることでメニューを隠すといった風にできないかと相談されたので、作ってみました。

jQuery

【JS】スクロールしたら画面途中にあるグローバルナビを画面上部に固定する方法

トップページなどで、動画や画像コンテンツの下に配置してあったグローバルナビを、スクロールしたら画面上部に固定して表示するスクリプトを作成したので、備忘録を兼ねて紹介します。

jQuery

【JS】定義リスト/記述リスト(dl, dd)タグの個数をカウントするスクリプトをjQueryで作ってみた

このブログの一番人気記事である「三文字略語」のページには現在何個の略字を載っけたのか数えたくなったのですが、いちいち自分で数えるのもバカらしく感じたのでプログラムにやらせてみようと作ってみました。

Bootstrap3 + jQueryでラジオボタンの背景色を変更するスクリプト

Bootstrapを使用して作成したラジオボタンの選択アイテムの背景書を変更するスクリプトが必要になったので、備忘録としてポストします。

jQuery

【JS】選択済みのチェックボックスの個数をカウントするスクリプトをjQueryで組んでみた

選択されているチェックボックスの個数を取得して表示させたいというリクエストを受けましたので、Javascript(jQuery)を使用して作成してみました。スクリプトの解説をしつつ、いつの日かまた使うことがあると思うので、備忘録をかねてご紹介します。

jQuery

【JS】jQueryで画像のみマウスの右クリックを出来ないようにするスクリプトを組んでみた

画像の上でマウスの右クリック(コンテクストメニューの表示)が出来ないようにするスクリプトをjQueryを使って作成したので、紹介します。

【JS】Javascriptでパラパラ画像表示(制御ボタン付き)を作ってみる

2枚以上の画像をパラパラと切り替えるスクリプトをjavascriptで作ってみましたので、ご紹介。
ごくごく簡単なイメージギャラリーのようなイメージです。

【JS】配列をシャッフルするアルゴリズム、Fisher-Yates

配列内容をシャッフルして出力する際に「Fisher-Yates」というアルゴリズムを利用すると、素早く、偏りもなくシャッフルできるとのことで、コピペできるように備忘録としてポストします。

【JS】JavascriptのsetInterval()を使ってストップウォッチを作ってみる

一定時間ごとに処理を行う、JavascriptのsetInterval関数を使ったストップウォッチを作ってみましたので、その備忘録を兼ねたポストです。

【JS】Javascriptで少数を切り上げ、切り捨て、四捨五入などする方法

以前のポスト(ミニロト番号ジェネレータ)でJavascriptにおける「小数点以下の切り上げ方法」を少し紹介しましたが、切り捨て、四捨五入する方法もまとめておきたいと思います。

【JS】今更ながら Ajax について整理してみる

今更感もありますが、よくわからないままに使っていた「Ajax」について理解したいと思い立ったので、概論からjQueryでの使い方など含めて、整理してみましたのでご紹介。

【JS】jQuery / jQuery UI の読込みを Google の Libraries サイト(CDN)から参照する方法

jQuery 及び jQuery UI をCDNから参照する方法を、ほぼ自分用のメモとしてポストします。

【JS】HTML数値文字参照へエンコード、デコードするスクリプトをJavascriptで組んでみた

"あ" や "い" のような、HTML数値文字参照コードへ普通の文字を変換(エンコード)したり、逆にHTML数値文字参照コードから普通の文字へ変換(デコード)するスクリプトをJavascriptで作成してみましたのでご紹介。

jQuery

「クリックしたらツールチップを表示するスクリプト」のバージョン2を作ってみた

以前作成した「クリックしたらツールチップを表示するスクリプト」がQiitaでいい感じに改造されていたのに影響を受け、もう少しだけ上手に書いた(と思う) バージョン2がようやく出来上がったので晒してみたいと思います。

jQuery

jQueryで画面の縦・横幅を取得して、ボックス要素を中央に配置する方法

Javascriptのアラートウィンドウのようなものを自作したいとき、jQueryを使って画面(ブラウザ)の縦・横幅を取得し、表示させたいボックスを画面の中央に配置する法です。

jQuery

jQuery Cookie を使ってタブ切り替え状態を保持する方法

以前作成したタブ切り替えのスクリプトを拡張し、リロードや別ページから戻った場合でもアクティブになっているタブをアクティブのままにしておく、ということがしたくなったのですが、どうやらjQuery Cookieというライブラリを使えば出来そうだったので、実際にやってみました。

jQuery

ラジオボタンの背景色をjQueryを使って変更してみる その2

以前ポストした選択したラジオボタンの背景色を変更するスクリプトを少し改造し、多数のラジオボタンを対象とするスクリプトを作成したので、備忘録としてポストします。

jQuery

jqueryで時刻の入力補助スクリプト jquery.tgClockPickTip2 を作ってみた

以前、時刻の入力補助ライブラリ「jQuery ClockPick」を紹介しましたが、さらに使いやすいライブラリを発見。
その完成度の高さに感動し「ソースを見ないで同じものを作ってみよう!」とマルパクなものを作ってしまいまいました。

jQuery

ミニロト、ロト6、ロト7番号ジェネレータを作ってみた。

以前のポストで作った「ミニロト」番号ジェネレータを拡張して、ロト3種を選択できるようにしたものを作ってみました。

jQuery

jQueryで「ミニロト」番号ジェネレータを作ってみた。

JavaScript でランダムな文字列なり数値を作成するのってどうするんだ、と ...