html css javascript PHP MySQLの勉強ログ

$(function(){ ... }

はページが読み込み完了し、DOMの構築が完了した時点でfunction()内が実行されます。

addEventListenerの使い方

document.getElementById("postOpne").addEventListener("click",function(e){
   e.target.style.backgroundColor="red";
 })

e.targetのようにtargetが必要。

onclickとaddEventListenerの違い

追加でイベントを追加出来るか・出来ないかの違い。上書きせずに追加できるaddEventを使ったほうがよさそう。

レビューサイトで見かける★を使った表現

::beforeや::afterといった、疑似要素を使って表現していきます。
グレーアウトした星を::beforeへ設定し、色のついた星を::afterへ付けます。

Google Maps API の使い方・利用方法

Google Maps APIを使って複数のマーカーと吹き出しを設置してみる

MarkerClusterer ライブラリの紹介

Javascriptで相対パスがきかない

一度HTMLに読み込まれた後で実行されるのでパスがおかしくなる。
ライブビューイングでプレビューされなくなるので厄介。

test.js
✖ ../img/test.png
〇 img/test.png

PHPのチェックボックス対策

phpからチェックボックスを取得すると、チェックが無い場合はnullが取得されて$_POST["test"]でこける。html側でhiddenを使って配列が1つならfalse、2つならtrueとすることで解決。
もしくはphp側で。

<input type="hidden" name="food[]" value="false" />
<input type="checkbox" name="food[]" value="true"/>食事

or

if(isset($_POST['checkBoxName']) == 1) ? return true : return false;

phpではグローバル変数は宣言する必要がある

PHP では、グローバル変数は、関数の内部で使用す る場合、関数の内部でグローバルとして宣言する必要があります。
global $a;

javascriptでJSONの中身を確認

JSON.stringify(json)

BLOBに関することhttps://qiita.com/TypoScript/items/0d5b08cecf959b8b822c

本番サーバーでbit(1)を取得するとユニコードの￥u0000が返ってくる。

GoogleMapの緯度経度比較問題

googlemapの緯度経度は小数点13桁だったり14桁だったりする。
例　139.7454071044922（小数点13桁）

これをMysqlのDECIMAL(17,14)に入れると、足りない最後の一桁分の０が足されて
例　139.74540710449220（小数点14桁）（
となる。

上記の二つを「=」で比較すると、最後に0があるかまで精密に比較してしまいfalseが返ってしまう。
139.7454071044922
139.74540710449220　＝＞false　(´；ω；`)ｳｯ…

回避するにはDECIMALにキャストした後に比較する
CAST(:longitude AS DECIMAL(17,14)) =>true (*'ω'*)

checkboxに関すること

親要素をmapで取得するとチェックのあるものだけリスト化される。

var checkArray = $("#checkCategory :checked").map(function(index,element){
   return $(this).attr('name'));//namaの一覧を取得
 })