メインコンテンツに移動
- イベント発生場所の座標:offsetX/Y,clientX/Y,pageX/Y,screenX/Y
- 参照オブジェクトの違う座標を理解する
- htmlにあるエレメントの座標(例:offsetX/Y)と違う
- HTMLのメタタグ(viewport)の設定で違うサイズのブラウザにコンテンツ表示の最適化
- メタタグ(viewport)の幅設定に固定な値を避けたほうが良い
- メタタグ(viewport)のスケール(initial-scale)設定に注意
- メタタグ(viewport)とcss(media)を併用すればより効果的
- javascriptの変数名にハイフン(-)を使用するとエラーが発生します
- 原因:ハイフン(-)が演算子のマイナスとして認識されます
- javascriptの変数名に演算子記号が含まれるとエラーとなります
- 目的:手動でJDKをWindows10環境にインストール
- 問題点:Windows環境のJDKのインストーラのみで、手動でインストールパッケージはありません
- 解決1:JDKのインストーラでインストール後に、ほかのバージョンの環境を設定し直します
- 解決2:64ビットのJDKインストーラからJDK本体を抽出します
- Drupalのajaxフレームワークにあるajax_command_invokeがユーザーが自分的にしたjavascriptのカスタムコマンドの呼び出しができます
- 方法1:jQueryのカスタム関数で定義します
- 方法2:Drupalのajaxフレームワーク(Drupal.ajax.prototype.commands)にカスタム関数をバインドします
- やりたいこと:Drupalのajaxフレームワークを利用して表示している要素を削除
- Step1:削除リンクにDrupalのajax使用するクラス:use-ajax を追加
- Step2:hook_menuで要素削除のリクエストをキャッチします
- 纏め:Drupalのajaxフレームワークを利用すればajax処理が自動的に行います
- DrupalのBootstrapテーマが細かいところまでDrupalの各部分を対応しきれていない
- 今回の例ではViewsの外部設置フィルター(チェックボックス)のレイアウトが崩れ
- 原因:Bootstrapのフォーム関連css(クラス名:.form-control)のプロパティにミスマッチ
- 修正:cssでチェックボックスのラップdivのプロパティを修正
- 問題点:モジュール(Fivestar)のajaxプロセス状態表示がよくない
- 問題の特定:デバッガーでFivestartのajaxプロセスを止めてプロセス表示するhtmlブロック要素を特定
- cssでajaxプロセス状態表示ブロックを評価結果(五つの星)ブロックに一行として表示させます
- やりたいこと:オブジェクトが弾む効果の作成
- 実現構想:d3.forceLinkのバネ効果を利用します
- ポイント1:d3.forceLinkにつなぐ一つノード(node)を固定します
- ポイント2:関数(datum())で固定しているオブジェクト(bbb)を決まった場所(四角)に再固定します
- d3.forceLinkがオブジェクト要素間のバネの伸縮効果の再現
- 作成要点1:オブジェクト要素のリンク元(source)ターゲット先(target)設定
- 作成要点2:d3.forceSimulationでd3.forceLinkを定義
- 作成要点3:d3.tickイベントのリスナーでリンクの描画要素(line)の始点/終了設定