「Javascript,jQuery」 一覧

jQuery

【JS】jQueryとCSSで作る「ハンバーガーメニュー」を少しリニューアルしてみました

以前作成したjQueryとCSSで作る「ハンバーガーメニュー」に少し手を入れて、もうちょっとだけ使えるものにしてみましたのでご紹介したいと思います。

jQuery

【JS】「コナミコマンド」入力でアクションを起こすスクリプトを作ってみた

 2018/11/30
-Javascript,jQuery 

以前より作ってみたかった「コナミコマンド」スクリプトを、時間が空いたところで作ってみました。

jQuery

【JS】ランダム文字列を生成するサービスをPHP→JSにリファクタリングしてみた

リファクタリングという言葉を使いたくて、以前にPHPで作成した『ランダム文字列ジェネレータ』を、Javascriptを使って同じものを作ってみました。

【JS】Javascriptで改行コードを「<br>」に変換する方法

JSONやJSONPのような取得したデータをHTMLへ表示させるときに、改行コードを「<br>」に変換するスクリプトが必要になったので、いつでもコピペできるように備忘録としてポストしておきたいと思います。

jQuery

【jQuery】JSONデータをフィルタリングして指定のフォームに項目として表示させる方法

データベースから取得したレコードをPHPでJSONデータ化し、javascriptでフィルタしてフォームに表示させる方法を試行錯誤してみたので、ご紹介。

jQuery

【jQuery】スマートフォン(iPhone, Androidなど)とPCを判定するスクリプト

 2018/09/03
-Javascript,jQuery   , , , , ,

サイトへのアクセス時に「スマートフォン(iPhine/Android)」と「PC」で処理を切り替えたい場合の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から参照する方法を、ほぼ自分用のメモとしてポストします。

CakePHP2 + jQueryUIでテキストボックスにオートコンプリート(オートサジェスト)機能をつける方法

テキストボックスにオートコンプリート(オートサジェスト)機能を、CakePHP2 + jQueryUI環境で作成したので作り方を備忘録としてポストします。

【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 UI Time Picker by Francois Gelinas」を発見。その完成度の高さに感動し「ソースを見ないで同じものを作ってみよう!」と練習の意味も込めて、どこまで近づけるか力試しをしてみました。

jQuery

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

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

jQuery

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

JavaScript でランダムな文字列なり数値を作成するのってどうするんだ、と思い調査しました。

jQuery

jQueryで各国通貨を日本円にするコンバーターを作ってみた。

APIで利用できる通貨をセレクトボックスで選択し、日本円に換算するというスクリプトを作ってみました

jQuery

【jQuery】台湾ドル to 日本円コンバータを作ってみた

前回のポストネタであるJSONP取得を使い、台湾ドルの為替レートAPIを利用して ...

jQuery

jQueryでJSON、JSONP 連携してみる。

jQuery の $.ajax() を利用してjson、jsonp形式のデータを ...