[過去ﾛｸﾞ]
JavaScript の質問用スレッド vol.125 (1002ﾚｽ)
JavaScript の質問用スレッド vol.125 http://mevius.5ch.net/test/read.cgi/tech/1659855460/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
466: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-y+PC [126.194.240.154]) [sage] 2022/12/23(金) 21:10:25.93 ID:2ps+kI7qr >>465 で、>>450で参照したかったのは本当に別サーバ等のcssだったのか それともhtmlやjsと同じ場所に置いてあるcssだったのかどっち？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/466
467: デフォルトの名無しさん (JP 0H11-JDfe [126.249.157.89]) [sage] 2022/12/23(金) 21:19:54.48 ID:OG24yN7PH >>466 ローカルで、同じフォルダ内です http://mevius.5ch.net/test/read.cgi/tech/1659855460/467
468: デフォルトの名無しさん (ﾜｯﾁｮｲ 1961-x3o1 [222.144.111.42]) [sage] 2022/12/23(金) 21:28:01.20 ID:G5aj5uG70 @keyframesなんかも後のスタイルで再定義できるんだから DOMにstyle要素追加してそこに上書きルール突っ込んでそっちを操作すればいいじゃない http://mevius.5ch.net/test/read.cgi/tech/1659855460/468
469: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr11-y+PC [126.194.240.154]) [sage] 2022/12/23(金) 21:39:17.88 ID:2ps+kI7qr >>467 それは本来別オリジンではないんだけどブラウザがローカルアクセスに対するセキュリティの一環として制限をかけてる模様 詳しくはググって >>459のスクリプトを実行して file:///～ の行のあとに例外が出るならそれが原因 対策としてはローカルにwebサーバを立ててhttp経由でアクセスする そうすればスクリプト実行で例外が発生せずcssの中身が読み取れる webサーバはそんな大層なものは必要なくてvscodeのLiveServerで十分 http://mevius.5ch.net/test/read.cgi/tech/1659855460/469
470: デフォルトの名無しさん (ﾜｯﾁｮｲ eecf-DiWi [153.174.224.39]) [sage] 2022/12/23(金) 21:55:43.41 ID:gwhrrj9D0 DevTools を弄れるなら、要素タブでスタイル欄を見れば 適用内容と設定元のファイルが行番号付きで確認できるし アニメーションを弄りたいなら、「その他のツール」に「アニメーション」がある（chrome） http://mevius.5ch.net/test/read.cgi/tech/1659855460/470
471: デフォルトの名無しさん (ﾜｯﾁｮｲ 1df0-aH43 [58.98.96.219]) [sage] 2022/12/24(土) 09:52:50.24 ID:Lk0KbRC60 皆様いろいろありがとうございます 時間とれましたら確認させていただきます http://mevius.5ch.net/test/read.cgi/tech/1659855460/471
472: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr37-r/3v [126.208.236.65]) [sage] 2022/12/24(土) 10:46:15.28 ID:se6E0pPpr >>471 少し調べたらchromeのオプションでクロスオリジン制約を回避する方法があった chrome クロスオリジン で検索 これならwebサーバを立てる必要もなくてお手軽 http://mevius.5ch.net/test/read.cgi/tech/1659855460/472
473: デフォルトの名無しさん (ﾜｯﾁｮｲ b661-s0Sd [61.199.41.250]) [sage] 2022/12/24(土) 14:27:49.26 ID:0WYu35VL0 firefoxもsecurity.fileuri.strict_origin_policyをfalseにすれば回避できるけど 早いうちにローカルサーバ立てることを覚えた方が後が楽になると思うよ 対象要素が１つなら@keyframes書き換えるよりWebAnimationAPI使った方がいいかもしれないし やりたいことはぼかさずにはっきり書いた方がいいよ http://mevius.5ch.net/test/read.cgi/tech/1659855460/473
474: デフォルトの名無しさん (ﾜｯﾁｮｲ ef79-EkqE [220.150.90.192]) [sage] 2022/12/24(土) 22:49:22.50 ID:oMpeQZG30 HTA(hta+ie)にとって替わるみたいな環境っていまだにないのかな PWAみたいのではなく、javascript(やvbs)でWindowsのフレームワーク(.NETやCOMやら)と連携できるようなやつが欲しい WebView2は思想的にHTAと比べて退化してるようにしか見えないけどこれぐらいなのか… http://mevius.5ch.net/test/read.cgi/tech/1659855460/474
475: デフォルトの名無しさん (ﾜｯﾁｮｲ fabd-ejFo [221.171.102.246]) [sage] 2022/12/25(日) 03:50:26.67 ID:Y7ZN657d0 >>474 そういや前はちょっとしたツールを HTA で書いたりしたけど、もう使えない？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/475
476: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 12:52:51.27 ID:GFtl9gAsH 皆さん、ありがとうございます 別シートのcssで可変にしたい部分を変数にし 読み込むシート側に変数専用のstyleタグを用意し 変数用のスタイルタグを編集することにしました 皆様いろいろとありがとうございました http://mevius.5ch.net/test/read.cgi/tech/1659855460/476
477: デフォルトの名無しさん (ｵｯﾍﾟｹ Sr37-r/3v [126.208.229.48]) [sage] 2022/12/25(日) 13:14:34.27 ID:g8CAn8EMr 要するにクロスオリジン問題を解決して>>450を実現したのではなくて 別の方法を取ったということ？ http://mevius.5ch.net/test/read.cgi/tech/1659855460/477
478: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 13:37:10.68 ID:GFtl9gAsH そうです >>468様のアドバイスなら 私の学習レベルでもググり時間とられずにできそうだと思いまして style.css @keyframes xxx{ *** : var(--prm) } index.html ＜style id="prm"＞＜/style＞ ＜script＞ prm.innerHTML=":root {--prm:50% }" のように、変数を編集するstyleタグを設けました 見栄え悪いしかっこ悪いんですけど いろんな変数を設定変更する関数も自作できそうですので とりあえずはこれでいいかなと http://mevius.5ch.net/test/read.cgi/tech/1659855460/478
479: デフォルトの名無しさん (ﾜｯﾁｮｲ 1e61-3CYd [180.23.194.154]) [sage] 2022/12/25(日) 14:26:34.39 ID:kQ0MTzKr0 >>478 それならわざわざstyle要素作って直に操作する必要はない 変数の最初の定義もcssファイルの方に書いておいて 変更したい時は document.documentElement.style.setProperty("--prm", "100%"); とかすればいいだけ http://mevius.5ch.net/test/read.cgi/tech/1659855460/479
480: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 15:40:19.02 ID:GFtl9gAsH >>479 ありがとうございます！そうさせていただきます。 今後ともいろいろ教えてください。ありがとうござました！ http://mevius.5ch.net/test/read.cgi/tech/1659855460/480
481: デフォルトの名無しさん (ｵｯﾍﾟｹ Srd9-r/3v [126.194.247.243]) [sage] 2022/12/25(日) 16:48:37.78 ID:sJzx1gQhr >>478 >私の学習レベルでもググり時間とられずにできそうだと思いまして webサーバ云々が億劫だってのは分かるからしょうがないけども せめて>>472ぐらいは実際に試して欲しかったな ググって最初に出てくる記事にすぐ出来るやり方が具体的に書いてあるんだし http://mevius.5ch.net/test/read.cgi/tech/1659855460/481
482: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 16:50:28.05 ID:GFtl9gAsH >>479様 面白かったです。 <html><head><body><div> どの要素にでも、setProperty('param','value')を設定しておけば 別ファイルに作ったスタイルシートの変数を参照できるのですね 疑似的なコードですが ＜script＞ body.setProperty('--color','red') div.setProperty('--color','blue') html.setProperty('--color','green) とすると、子孫のスタイル設定が優先されることも理解できました とても面白く学習できました、ありがとうございました http://mevius.5ch.net/test/read.cgi/tech/1659855460/482
483: デフォルトの名無しさん (JP 0H88-aH43 [126.249.157.89]) [sage] 2022/12/25(日) 16:51:23.54 ID:GFtl9gAsH >>481 ありがとうございます 次時間ができたときにぜひ調べて実行してみます http://mevius.5ch.net/test/read.cgi/tech/1659855460/483
484: デフォルトの名無しさん (ｽﾌﾟｯｯ Sd5e-HEC+ [1.75.242.54]) [sage] 2022/12/25(日) 17:00:33.10 ID:gv3ThvO8d もう解決したんだしどうでもいいからお礼だけ言って体よく話を打ち切りたいって思いがヒシヒシ伝わってくるな http://mevius.5ch.net/test/read.cgi/tech/1659855460/484
485: デフォルトの名無しさん (ﾜｯﾁｮｲ 1df0-aH43 [58.98.96.219]) [sage] 2022/12/26(月) 13:51:42.59 ID:fuxINEHv0 >>469様 Live serverを使って、別のスタイルシートで設定した、フォント色の変更はOKでした。 ありがとうございました。 ただ、@keyframesに関しては、CSSKeyframeRule__{keyText..,style,,cssText,,}__までは見れたのですが 内容の変更方法が分からないため断念しました 時間あるときに再チャレンジしてみます 皆様ありがとうございました http://mevius.5ch.net/test/read.cgi/tech/1659855460/485
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 517 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.013s