明滅するプログラマの思索

WEBエンジニアとして勤務している一介の男が、日々気づいたことをまとめるブログです

jQuery

jQuery で画面を暗転させる

画面の遷移やなんらかの効果を実装する際、いったん画面を暗転させて処理を施したいとします。 その場合、jQuery では以下のようなコードで実現できます。

jQuery における context の役割

jQuery には context という名のプロパティ、オプションがあります。 今回はこれの役割についてまとめてみます。 context とは 日本語にすると「文脈」とか「前後関係」なんて訳されます。 jQuery の中では、「関連付け」というような意味の役割を持っていま…

親ウィンドウのhtml要素・関数を操作する

Javascript の window.open() 関数を利用して開いた子ウィンドウ上で、親ウィンドウ上の html要素を操作する方法です。 Javascript での記述 Javascript では次のように記述すれば可能です。 <script> // 親ウィンドウの id=hoge 要素の value 属性を変更する obj = </script>…

data属性で JSON データを管理する

Javascript では JSON データを簡単に扱うことができます。 今回の記事では、ページ内の一時的な情報を JSON オブジェクトとしてキャッシュし、それを HTML5 の data 属性で管理してみます。 実装条件 ソフトウェア バージョン jQuery 2.2.4 Browser Chrome

背景色に対する文字色を明度の差で動的に決定する

背景色を動的に変更したい、そのうえで、文字も見えづらくならないように動的に変更したい、という場合があるとします。 たとえば、とある表があって、各セルの背景色を任意に指定できる場合、文字色も併せて変更しないと、文字がつぶれて見えなくなってしま…

PC と Smartphone で共有のクリック時イベントを実装する

jQuery を使って、ある要素をクリックしたときのイベントを実装する場合、PC と Smartphone で同じ挙動を実装しようとすると、ちょっとした問題にぶつかります。 それは、イベントハンドラを何にすればよいか?という問題です。 PC 向けであれば click イベ…