JavaScript/jQuery 一覧

Chart.jsをいじってみる

Chart.jsをいじってみる

Scripts n StylesというWordPressでゴリゴリJavaScriptを書けるプラグインを入れたので、安易にChart.js...

記事を読む

jQueryとPHPでシングルページ

jQueryとPHPでシングルページ

簡単にいうと、この図の通りになってしまうのですが、自分が社内でWebツールを作ったときの備忘録として載せておきます。 いまさらjQue...

記事を読む

jQueryで時差を意識したカウントダウンタイマー

jQueryで時差を意識したカウントダウンタイマー

このアイキャッチは前職のデスクですね。もはや懐かしい・・・。 さて、アイスブレイクはこの辺にして、さっそく本題に入っていきます。「セレ...

記事を読む

JavaScriptで開いたwindowではないと閉じない

JavaScriptで開いたwindowではないと閉じない

「JavaScriptで開いたwindowではないとwindow.close()することができない」と思っていたのですが、2015年ごろ...

記事を読む

onClickをJavaScriptで動的に書き換えることができない

onClickをJavaScriptで動的に書き換えることができない

手元のメモには以下のように書いてありました。 Chrome(と噂ではwebkit)ではonclickの内容を動的にJSで変えることはで...

記事を読む

「tableのtheadを固定したままスクロールしたい」と思った

「tableのtheadを固定したままスクロールしたい」と思った

メモを残していたものをとりあえず、貼り付けておきます。 THEADを固定したままスクロールする方法としてTBODY要素に「overfl...

記事を読む

JavaScriptで文字列を整数に変換・小数に変換・NaNではない判定

JavaScriptで文字列を整数に変換・小数に変換・NaNではない判定

備忘録としてチョロっと書いておきます。 parseInt(string, radix) 言わずもがな整数に変換する関数です。radi...

記事を読む

JavaScriptでゼロフィル

JavaScriptでゼロフィル

見つけた記事の備忘録的に。スマートですね、これ。

記事を読む

jQueryのAjax初期設定でローディング画像の表示をコントロール

jQueryのAjax初期設定でローディング画像の表示をコントロール

「Ajaxの通信を始める前にローディング画像を出して、alwaysで画像を消すというのをすべての通信時にやるのであれば、$.ajaxSe...

記事を読む

JavaScriptで小数点以下の桁数を揃えるときに使うネイティブ関数

JavaScriptで小数点以下の桁数を揃えるときに使うネイティブ関数

え?アイキャッチ画像がサイケ?いいんですよ。そういう気分なんです。 構文としてはこんな感じです。 digitsは0~20...

記事を読む

jQueryUIの使いにくいあの一行ラジオボタンを縦積みに変更

jQueryUIの使いにくいあの一行ラジオボタンを縦積みに変更

jQueryUIのラジオボタン ラジオボタンはグループの中で1つだけ選択状態になるという特性上、ちょっとした手間が必要となります。とは...

記事を読む

jQueryのposition()とoffset()

jQueryのposition()とoffset()

忘れないうちにということで、ざざっと箇条書きをお許し下さい。 offsetはページの左上からの座標 positionはp...

記事を読む

画像をドラッグすると表示領域が変わるjQueryUIを使ったコンテンツ

画像をドラッグすると表示領域が変わるjQueryUIを使ったコンテンツ

画像の下に「拡大ボタン」がついていて、ボタンを押すとそのエリアに大きな画像が表示され、画像をドラッグすると表示領域が変わるというコン...

記事を読む

テキスト選択をさせないCSS

テキスト選択をさせないCSS

対処法からいうと、IE10以降とFirefox・ChromeはCSSで対応し、IE8-9はHTMLの属性で対応します。IE8...

記事を読む

jQuery初学者は$.ajax()ではなく$.post()を使おう

jQuery初学者は$.ajax()ではなく$.post()を使おう

公式ページでも「$.ajaxなんか使わなくても、$.get()とか.load()のような使いやすい関数があるよ」といっていま...

記事を読む

NO IMAGE

JavaScriptからActionScriptを呼び出す

実際にはコールバックするのでJS→AS→JSという流れになります。 想定は以下のとおり 回答フォームの一部がFlashで作られ...

記事を読む

NO IMAGE

html()を使うとmouseleaveが効かない

こういうのが意図したようには動かないという話。 具体的には"mouseenter"は動くのだけど、"mouseleave"は動かない。...

記事を読む

NO IMAGE

テキストボックスの文字数をカウントして表示

テキストボックスに入力中に、その文字数をリアルタイムに表示するというjQueryのコード。 ※会社でニーズがあったので、このブログのプロジ...

記事を読む

NO IMAGE

WordPressのtagの見かけをjQueryでいじってみた

WordPressの「00_」から始まるtagに打ち消し線をつけて、頭に「CLOSE:」をつけるjQuery。 うちのテーマはhead...

記事を読む

NO IMAGE

propもattrもセレクター全部に値を設定

サンプルはこんな感じ。セレクターの要素それぞれに値の設定を適用してくれる。 なお、値を取得するときは、eachやmapで回さな...

記事を読む

NO IMAGE

mapの戻り値はjQueryオブジェクト

mapって返してくるのはjQueryオブジェクトだったんですね・・・。 console.log()でnameArrayをみるとよく分か...

記事を読む

NO IMAGE

toggleClassはCSSの設定を上書きしない

ちょっと前にハマったので備忘録として・・・。 これでは動きません。 body部 CSS部 JavaScript部 .d...

記事を読む

NO IMAGE

jquery.cookie.jsを使う

ログインのHTMLでログインボタンを押したら、クッキーを食べさせてインデックスページに飛ばそうというものです。「ログイン情報に記録する」にチ...

記事を読む

NO IMAGE

ページ内検索をjQueryで導入

日本語の紹介記事からたどってLiveFilter 1.1をいれてみました。 ※実は最新版ではなく、LiveFilter 1.3が最新版だった...

記事を読む