javascript 配列を for in を使ってキーと値を取り出すループ
javascript で配列のキーと値を取り出すときの方法です、for in 文法を使うと、配列のキーと値両方を取り出して使うことが可能となっています。
layzr.js を使って iframe を遅延読み込みする
iframeを遅延読み込みさせるプラグインの使い方です、ネイテイブjavascriptで書かれているのでjQueryに依存せずに利用することが出来ます。
javascriptで対象タグを選択状態にする
pタグやhタグ、liタグなどの書式を持ったままコピーする場合にはテキストエリアを利用することは出来ません、この場合javascriptでタグを選択状態にしてやることで、ブラウザのクリップボードへコピーするコマンドと組み合わせることでより便利になります。
javascriptでクリップボードへ直接コピーさせる document.execCommand(‘copy’)
コピペ作業が多いようなチートシートなどを作るときにコピーする作業を省略できれば結構大きな作業短縮になったりします、ということで javascript でクリックだけでコピーできるようにする方法を今回は紹介します。
javascript で奇数、偶数、倍数で条件分岐する方法
javascriptの条件分岐で、ある数字が奇数なのか偶数なのかを判断するときの条件式
広告表示を消すアプリや拡張機能が有効になっているかの条件分岐を簡単に行う FuckAdBlock プラグイン
この FuckAdBlock は、簡単に条件分岐を出来るようにしてくれるプラグインです。あとはこの条件を元にコンテンツをCSSで非表示にしたり、もっと複雑には ajax を使ってコンテンツの読み込み自体をさせないなんて事もできるかと思います。
jQuery（javascript）を使っている時にエラーや結果を出力してチェックする方法
javascriptやjQueryで書いたコードをブラウザで実行して動作を確認するのですが、PHP等のように文法エラーがあったり、何かしたらエラーがあると エラーがHTML上に出力されてわかりやすいのですが。javascriptやjQueryは実行してエラーがあっても、ブラウザに表示している画面ではエラーの表示は一切ありません。そこでデベロッパーツールにあるコンソールでチェックする方法です
jQuery等のライブラリを簡単に取り込んで使えるようにするBracketsのプラグイン(拡張機能)
今回は、Bracketsでよく使うjQuery等のライブラリを必要時に簡単に呼び出したり、ファイルに含めたり出来るプラグインを紹介。
jQueryで入力フォームなどのニックネーム(名前)等をブラウザに記憶させる
jQueryを使って、入力フォームなどで ニックネーム(名前)等の情報をブラウザに記憶させる方法です。例えばブログのコメント入力欄に名前、メールアドレス、webサイト、本文といった形で入力フォームが存在した場合に、毎回名前を入力したり、メールアドレスやwebサイトを入力する手間を減らす補助としてそういった箇所の入力フォームの情報をブラウザに記憶させてやると便利です。
javascriptでPHPのhtmlspecialchars_decode をする
ajax等で受け取ったjson等に含まれる値に htmlspecialchars_encode したものがある場合に、javascript側でdecodeして表示したい場合の方法。javascriptにはPHPのhtmlspecialchars_decodeにあたるものが無いようで、自分で文字を置き換えてやる必要があるみたいですが。その部分をやってくれる関数が公開されているのでそちらを使うと便利。
jQueryでinputやtextareaに入力された値を取得する
jQueryを使ってフォームなどに有るinputやtextareaの中身を取得する方法です。例えば、入力された値を即座に取得してリアルタイムに絞り込み機能を実装したり コメント欄等のエリアでcookieやlocalstorageに値を記憶させて次回から自動で名前等の値を挿入するなどに使える。
jQueryを使って任意の要素をクリックした時にフォームを送信(投稿・submit)する
HTMLの
javascript Canvas で作られた3Dに回転する電光掲示板のようなデジタル時計
javascriptのCanvasで作られたクールなデジタル時計。3Dに回転し、触ると時計がさらに別軸で回転する機能が付いている。サイトのモニュメント的な存在に利用できそう
ページのスクロール位置に合わせて全体の進行状態をプログレスバーで表現するスクリプト
ページのスクロールの進行状態をプログレスバーで表現したスクリプト。jQueryを使って実装することができる。
jQueryでページの前後への移動（変遷）をキーボードのキー操作で実装する
jQueryを使って、ページの変遷をキーボードの操作で実装する。右の矢印、左の矢印を使うことで素早くページ移動ができるようにユーザービリティの上昇につながる
スクロールに合わせて、ヘッダー画像がぼやける効果を与えるスクリプト
jQueryを使って、スクロールに合わせて ヘッダー画像がぼやけるスクリプトを作ってみました。どこかでこのようなテクニックを見かけて、作ってみようと思っていましたので今回作ってみました。よかったら使ってみてください
ドラッグで回転する3Dなギャラリーのアイディア
3Dに回転する、ギャラリー表示が導入出来るコード、ライブラリーを使用せずjavascriptで出来ています。
jQueryをつかって、中身はそのままでHTMLタグを書き換える
HTMLタグを強制的に変更したいときに HTMLから操作がするのが難しいケースや、動的に変更させたいときに使える方法 jQueryを使ってHTMLのタグの中身はそのままで、タグのみを変更する […]
jQueryだけでiframeを再読み込み(reload)させる方法とプレーンなjavascriptを使った方法
アニメーションが伴うものや ランダムな要素があるもので、何度か確認したいものがあります そんな時にはiframe内を再読み込みさせてやりたい それを解決する方法
時針と分針に現在の時間、分数がそれぞれ表示されるようになった 時計のアイデア
時計を時針と分針を使って、ちょっと変わった見せ方をするアイディア。それぞれの針に文字で現在の時刻を表示することで時間がわかるように
