+ JavaScript の質問用スレッド vol.126 + [転載禁止]©2ch.net (740ﾚｽ)
上下前次1-新
216: 2022/02/25(金)00:38 ID:CkkK8ZAi(1) AAS
見てる人いるかわかりませんが
ellipseでcanvasに楕円を描写したあと中央の部分をくり抜いて透明にしたいです
ellipseで緑色に描写した後arcで中心に円を描いてclipしても円の線が切り抜かれるだけで円形の穴はできませんでした。
217: 2022/02/25(金)17:01 ID:??? AAS
「html canvas 図形 切り抜き」などで検索すれば？
218(1): 2022/03/03(木)20:47 ID:FU1IYJw+(1) AAS
スレ間違えたので、こちらで出直します
拠ない事情でフロントエンドを作ってるんだけど
<a><img></a>でaにaddEventListener(‘click’)したのに、飛んできたイベントのtargetプロパティがimgになってる
aを探して遡るのはなんか負けの気がする
aにイベント飛ばさせるテクはありますか？
219: 2022/03/03(木)21:08 ID:??? AAS
>>218
a要素にaddEventListenerしたんならcurrentTarget
外部ﾘﾝｸ:developer.mozilla.org
220: 2022/03/04(金)02:30 ID:??? AAS
jQuery では、外側・親にイベントを付けて、親で、子のイベントをキャッチできる。
event.target で、子のvalue の値、1,2,3 を取得できる
<div id="btn-wrap">
<button class="BtnA BtnAll" value="1">A-1</button>
<button class="BtnA BtnAll" value="2">A-2</button>
<button class="BtnB BtnAll" value="3">B-3</button>
</div>
// 外側・親にイベントを付けて、親で、子のイベントをキャッチする
$( '#btn-wrap' ).on( 'click', function ( event ) {
const value = $( event.target ).prop( 'value' )
省3
221: 2022/03/04(金)02:38 ID:??? AAS
「js event.target vs event.currenttarget」で検索してみれば？
222: 2022/03/04(金)12:04 ID:vu0iDZXJ(1) AAS
ありがとう皆さん
currentTargetで目的を果たせました
223(1): 2022/03/06(日)14:04 ID:nmfY1egB(1/2) AAS
自分のサイトにあるフォーム
↓?
googleフォーム
↓?
googleスプレッドシート
と情報を渡す時、?の部分はどのように実装すると良いでしょうか
・自分のサイトの「送信」ボタンを押すと、submitで送信する
・自分のサイトの「送信」ボタンをaタグにし、hrefをjsで編集する
?の部分はここを参考にしています
外部ﾘﾝｸ:stackoverflow.com
224(1): 2022/03/06(日)22:36 ID:??? AAS
aタグは、get しか出来ないでしょ？
Ruby on Rails では、post なども出来るようにしているけど
[Rails]aタグでも「data-method="delete"」を設定すればlink_toと同じ挙動
外部ﾘﾝｸ:qiita.com
form = $('<form method="post" action="' + href + '"></form>'),
aタグをクリックされたら、見えないフォームを作って、post 送信している
225(1): 2022/03/06(日)22:48 ID:??? AAS
>>224
は？rubyとかもう化石じゃないですか。使いませんよ
postするならsubmitすればいいだけだし。rubyってこんなアホしか使ってないんですか？
226: 2022/03/06(日)22:49 ID:nmfY1egB(2/2) AAS
すいません、あまりの気持ち悪さに口が悪くなってしまいました
あとID隠してしまいましたが>>225は私です
227: 2022/03/07(月)11:55 ID:??? AAS
>>223
普通に前者で良いよ。
むしろ後者にする必然性が何一つない
もし合計を出す、税込みにするなどでどうしても加工したいなら、後者はありえる
あとこのrubyキチガイはrubyという言語を終わらせるために活動しているので、相手しなくていいぞ
228: 2022/03/07(月)15:10 ID:??? AAS
うーむ、めちゃはまってしまってる
1:スプレッドシートのE列を配列 arrColWork に格納
range = workReportSheet.getRange(1,5,150);
arrColwork =range.getValues();
2:arrColWorkから重複排除した要素だけをarrColに格納
arrCol = arrColWork.filter(function(value, index, self){return self.indexOf(value) === index;});
↑
上記1→2の流れやりたいんだけど 2 がうまくいかない
重複排除されずに全件arrColに格納されてしまう…
テストケースとしてE列の先頭行(1行)と最終行(150行)に"野口"と入力
省6
229: 2022/03/07(月)15:58 ID:??? AAS
valueがオブジェクトだったみたいな振る舞いですね
230: 2022/03/07(月)16:23 ID:??? AAS
試してたら1の部分を arrColwork = ["野口","野口","田中","橋本","田中","小林","入間"]; のように
ソースコード内で配列の中身を指定するように置き換えたら2のコードのまんまできちんと重複を排除できた
スプレッドシートのE列の値を配列に格納するあたりで何かひっかかってる？？
231: 2022/03/07(月)16:28 ID:??? AAS
うーむ、getValues()で取得したものは1列分であっても二次元配列で取得されてるってことかな
んでもって、indexOf() は一次元配列にしか使えない…
232: 2022/03/07(月)16:29 ID:??? AAS
スプレッドシートの1列分のデータを一次元配列で取得する方法ってないのかな？？
二次元配列で取得したものをforで回して一次元配列に格納しなおすしかないんだとしたらめんどい
233: 2022/03/07(月)16:36 ID:ua+lBOoP(1) AAS
A. 外部ﾘﾝｸ[html]:www.example.com (有料SSL)
のフォームから
B. 外部ﾘﾝｸ:abc.example.com(無料SSL)
へPOSTでデータを渡していました。
Aのフォームでsubmitボタンに対し、
リロードさせないようにpreventDefault()を入れてBに渡していました。
Aの有料SSLを無料SSLに変えて同時にwww無しのドメインに正規化しました。
するとpreventDefault()を入れるとデータが飛ばなくなってしまいました。
結局submitボタンをtype=buttonに変えて、
JavaScriptでsubmit()することで飛ばせるようには鳴りました。
省2
234: 2022/03/21(月)15:15 ID:EwLxpvLS(1) AAS
お前ら和歌山県出身の下村拓郎様（35歳独身、元自衛隊）をご存知か、この方は将来素晴しい人物になるから覚えておいて損はないぞ
235: 2022/03/21(月)16:54 ID:??? AAS
javascript素の実装で
fetchした結果をreturnしたいんだけど毎度おなじみ非同期の沼に嵌ってよくわからない
これreturn書いても書かなくてもpromise返ってるんだけど
promiseから値を取り出すにはどうすればよいの？
みんなどうやってるのか聞きたいな
毎度コールバックでfetchとかコード大変なことになるし
共通jsに別関数でgetListみたいな名前でAPI問い合わせしてjson返すようなデザパタは
Javascriptではご法度なの？
上下前次1-新書関写板覧索設栞歴
あと 505 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.007s