JQueryで注意すべき点

jQueryのメソッドを使う上での注意点。 うまく動作しないなど、セレクタやオブジェクトではないものに、メソッドを使っている場合が多い。 jQueryはオブジェクトなので、ドット+メソッドという、ドット記法で関数が使える。 また、メソッドで取得した値がなんなのか、そのメソッドの適用範囲はどこからで、何が返されるのかをしっかり把握しないといけない。 find() これは子孫要素の中から指定した要素を…Continue reading JQueryで注意すべき点

GAS フォームの回答取得 getResponseでずれる

チェックボックス系の回答を未洗濯で送信すると、回答取得時に回答の配列がなくなり、itemResponses[i].getResponse()で、ずれて取得される。 なので、チェックボックスに何かの処理を入れていたときに、回答が取れず、getResponseでエラーが出る。 記述系の回答は、から文字で送信されるのでずれないが、チェックボックス系の回答はなくなるので、注意が必要。 ラジオボタンなどは、…Continue reading GAS フォームの回答取得 getResponseでずれる

js php 多次元配列で、キーが同じ場合に配列を同じにしたい

多次元配列や配列を持つオブジェクトでもいいが、キーが同じときに、その下の階層をまとめたい時がある。 オブジェクトの場合は難しいが、一度配列に変換して見るのはどうだろうか。 https://teratail.com/questions/198747 js に関してはQiitaに書いてみた。コメントにスマートなやり方を書いてくれた人もいる。 参照 https://qiita.com/Jinta/ite…Continue reading js php 多次元配列で、キーが同じ場合に配列を同じにしたい

JavaScript Uncaught TypeError: array.forEach is not a function 連想配列 書き方

js 連想配列の書き方 以下のような連想配列がある。 var array = { ‘a’:’A’, ‘b’:’B’, ‘c’:’C’}; jsでの連想配列の書き方は、Jsonやオブジェクトの書き方に似ている。 波括弧 { } で囲んで、 キーと値の間はコロ…Continue reading JavaScript Uncaught TypeError: array.forEach is not a function 連想配列 書き方

js dateオブジェクト 日付取得 日付加算 日付比較 ①

js で 今日の日付を得たいとき var today = new Date(); とかく。 値としては、 Wed Dec 08 2021 10:35:50 GMT+0900 (日本標準時) このような形で、出力される。これをUTC形式という。 取得した日付に、toISOString関数を使うことで、ISO形式となる。 console.log(today.toISOString); todayはDa…Continue reading js dateオブジェクト 日付取得 日付加算 日付比較 ①

phpからjsにjsonを渡したとき、parse error になる ajax

jsonを渡されて、処理をして、返す側のphpでは、echoなどで、jsonを出力しなければならないので、 それ以前に、処理の途中などで、echo, var_dump, print_rなどを使ってはいけない。 というところで、つまづいたので記録。   jsからphpにデータを渡すときは、jsonを利用します。 jQuery1.8以前では、ajaxなどで使う例外処理に success, e…Continue reading phpからjsにjsonを渡したとき、parse error になる ajax

js switch caseに式を使うと、動かない? 変数代入できない?

switch文で、caseに式を使うと、switch文より前に定義した変数が使えなかった。 以下のコードを見て、 case num>2 の部分をコメントアウトした場合 上に定義したstr1,str2にarr[0], arr[1]が代入できる。 しかし、 case 2 の部分をコメントアウトした場合、 str1,str2に値を代入できず、上で定義した空 ‘ ‘となる。 …Continue reading js switch caseに式を使うと、動かない? 変数代入できない?

画面をスクロールして要素をふわっと表示する css / js / jQuery

画面をスクロールして、ボタンなどの要素をふわっと表示したい時。 cssで特定の要素を透明にしたり(opacity)、移動したり(transform)するクラスを付けておいて、jsで画面トップから要素までの高さで、isActiveなどクラスをつけて、要素を元の状態に戻す方法。つけるクラスに、transitionで時間を指定しておく。 参考 ttps://noze.space/archives/415…Continue reading 画面をスクロールして要素をふわっと表示する css / js / jQuery