[過去ﾛｸﾞ] JavaScript の質問用スレッド vol.125 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
796: (ｵｯﾍﾟｹ Src5-mXUZ [126.33.81.44]) 2023/04/24(月)13:22 ID:sSUQNn8cr(1) AAS
まあそういうオチだろうなとは
アドバイスを求めるならhtmlを修正したことは伝えるようにしてほしいところ
797: (JP 0Hc5-/HYv [126.249.157.89]) 2023/04/25(火)18:51 ID:/Hd1NuvtH(1) AAS
解決したようでなによりなにより
798(2): (ﾜｯﾁｮｲ eb7d-RykB [1.33.235.4]) 2023/04/26(水)19:26 ID:lfd6T/fN0(1) AAS
外部ﾘﾝｸ:abehiroshi.la.coocan.jp
この阿部さんのHPの左のフレームから「舞台出演」を取得したいんだけど、
const frame = await page.$('frame[name="left"]');
const contentFrame = await frame.contentFrame();
こんな感じでcontentFrameを取得するところまでは上手く行くんだけど、
const aElement = await contentFrame.$('body table.today tr:nth-child(8) td:nth-child(3) p a');
省2
799: (ﾜｯﾁｮｲ d961-99Et [220.107.169.163]) 2023/04/26(水)20:39 ID:UfBGheQ30(1) AAS
>>798
.todayなんてclass付いてないぞい
800: (JP 0Hc5-/HYv [126.249.157.89]) 2023/04/26(水)22:57 ID:Q5IzIMlUH(1/2) AAS
それってJS？
801: (JP 0Hc5-/HYv [126.249.157.89]) 2023/04/26(水)23:08 ID:Q5IzIMlUH(2/2) AAS
そもそもnullを取得してるってことは所望のオブジェクトが取得できていないってことよん？
802: (ｴﾑｿﾞﾈ FF33-Nhf9 [49.106.174.76]) 2023/04/27(木)13:47 ID:jYECG79eF(1) AAS
>>798
それ、ChromeのDevツールとかで、Elementの検索にセレクター入力してちゃんとヒットする？
803(1): (ﾜｯﾁｮｲ 03c2-+mtg [133.155.195.156]) 2023/04/29(土)00:34 ID:FZLDUbkY0(1/3) AAS
['apple', 'パイナップル', 'pineapple (パイナップル)', 'りんご', 'pineapple']
を
['apple', 'パイナップル | pineapple', 'りんご']
に別名ふくめて重複削除して整形したいんですがスマートな方法ないですか
804(1): (ﾜｯﾁｮｲ 23bd-MgCS [125.197.237.23]) 2023/04/29(土)01:41 ID:bskwYySl0(1/2) AAS
>>803
パイナップルの表記方法はどういう仕様なの？
スマートじゃない方法で実装できてるならそれを貼ってみたら？
805(1): (ﾜｯﾁｮｲ 03c2-+mtg [133.155.195.156]) 2023/04/29(土)01:58 ID:FZLDUbkY0(2/3) AAS
>>804
別名がカッコで後ろに付く場合があったりなかったりをまとめたいんです
今は文字列に取り出して正規表現で割ってまた戻して～って頭悪くやってます
806(1): (ﾜｯﾁｮｲ 23bd-MgCS [125.197.237.23]) 2023/04/29(土)02:08 ID:bskwYySl0(2/2) AAS
>>805
元の配列には、同じ値が複数、たとえば 'りんご' が何個も入ることがある？
ただ何にしても、現状がどの程度頭悪いのか分からんけどそこそこ泥臭くなるんじゃないかなぁ
807(1): (ﾜｯﾁｮｲ 03c2-+mtg [133.155.195.156]) 2023/04/29(土)02:20 ID:FZLDUbkY0(3/3) AAS
>>806
あります
808: (ﾜｯﾁｮｲ 03bd-MgCS [133.209.119.164]) 2023/04/29(土)05:52 ID:q0/EY4lO0(1) AAS
>>807
ちょっと面白そうだったので作ってみたけど、あんまりいい出来にはならなかった。
わざわざ見せるようなものじゃないんだけど、一応貼っとく。
アプローチとしては、単品アイテムまたは別名で括られた同一アイテム毎に配列実体を持たせて、重複排除しながらその実体に放り込んで最後に文字列化する。
複数の別名定義で 2つ以上の名前を括ったり、名前の登場順で連結するようにした。
画像ﾘﾝｸ[gif]:i.imgur.com
809: (ﾜｯﾁｮｲ 1bbd-MgCS [119.240.43.251]) 2023/04/29(土)06:04 ID:ZqMIj65v0(1) AAS
あわわ、26-32行目は整理できた
const new-content = [];
alias_ref[item] = alias_content.length;
810(2): (ﾜｯﾁｮｲ e38b-fitb [211.5.157.105]) 2023/04/29(土)20:12 ID:wJzxOo1h0(1/2) AAS
JavaScriptでタイマー処理をしています。
指定した秒数（ここでは１０秒）経過したらタイマーを停止する様にしていますが
タイマーが止まりません。助けてください、、、
$(document).ready(function(){
$("#id_div_test").click(function () {
setInterval(TestFunction , 1000);
});
省10
811: 502 (ﾜｯﾁｮｲ d501-nY3o [36.240.121.112]) 2023/04/29(土)20:34 ID:ulzy/WI80(1) AAS
>>810
使い方間違っとるな
そういうときはまずリファレンスを読め
外部ﾘﾝｸ:developer.mozilla.org
812(2): (ﾌﾞｰｲﾓ MM49-3F9Y [202.214.125.164]) 2023/04/29(土)20:36 ID:WiY5v75xM(1) AAS
clearIntervalの引数に入れるのはsetIntervalから帰ってくるnumber
型エラーでハマるのアホらしいしts使うか無理なら//@ts-checkをファイルの先頭に書いとけ
813: (ﾜｯﾁｮｲ e38b-fitb [211.5.157.105]) 2023/04/29(土)20:54 ID:wJzxOo1h0(2/2) AAS
>>812
わかりません。。。どう書けば良いでしょうか？
814: (ﾜｯﾁｮｲ e38b-fitb [211.5.157.105]) 2023/04/30(日)00:03 ID:x92s4/Ng0(1) AAS
>>812
できました！
815(3): (ﾜｯﾁｮｲ 5b7c-01SL [122.212.18.110]) 2023/05/07(日)14:48 ID:NS1NVPz40(1) AAS
>>810
こういうのはそのまんまChatGPTに聞けばヒントなり、回答、修正案なんかも返してくれ
る。
----
この問題は、`clearInterval`に渡す引数が誤っているために発生しています。`setInterval`に渡したのは `TestFunction`関数ですが、`clearInterval`に渡すのは `setInterval`が返すタイマーIDです。このタイマーIDは `setInterval`を呼び出すと返されます。
以下は修正されたコード例です。
$(document).ready(function(){
省15
816: (ｵｲｺﾗﾐﾈｵ MMc7-3VlF [150.66.117.153]) 2023/05/08(月)05:12 ID:AmPaXWnYM(1) AAS
>>815
ここいらんやんけ…
817: (ﾜｯﾁｮｲ 52bd-F1Es [133.209.119.64]) 2023/05/08(月)09:31 ID:nWGvwrRY0(1) AAS
>>815
setIntetval してるスコープの timerId を clearInterval するスコープから参照できる？
818: (ﾜｯﾁｮｲ 5b7c-01SL [122.212.18.110]) 2023/05/08(月)19:39 ID:0kSPeCjv0(1) AAS
エラーが出たらまた聞けば直してくれる
あとほ聞き方の問題だね
819(1): (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105]) 2023/05/08(月)22:29 ID:BI0XZhvO0(1) AAS
>>815
え？そんな事までChatGPTできるの？？？すごくね？？
どんなシステムになってんだろ。
820(1): (ｵｲｺﾗﾐﾈｵ MMc7-3VlF [150.66.117.113]) 2023/05/08(月)23:30 ID:ieW4qdsxM(1/2) AAS
条件によってスクリプトを途中で止めさせたいんだけど三項演算子じゃreturnするしないを分けるのは無理？
if exitFlag return false
821(1): (ﾜｯﾁｮｲ e2bd-F1Es [221.171.102.45]) 2023/05/08(月)23:46 ID:PuDhFqQc0(1) AAS
>>820
多分無理だと思うけど、なんで if じゃいけないの？
822: (ｵｲｺﾗﾐﾈｵ MMc7-3VlF [150.66.117.113]) 2023/05/08(月)23:51 ID:ieW4qdsxM(2/2) AAS
>>821
三項演算子の中で使ってるからなんか気持ち悪い
823: (ﾜｯﾁｮｲ e25c-KeI6 [203.139.52.200]) 2023/05/09(火)00:52 ID:eLWpr74i0(1) AAS
f = (flag) => flag ? false : true;
console.log(f(true));
console.log(f(false));
824(1): (ｽｯｯﾌﾟ Sd42-01SL [49.98.137.246]) 2023/05/09(火)00:52 ID:RQydgiqHd(1) AAS
>>819
ChatGPTをプログラム用途で使ったこと無いなら一度つかってみると良いよ。
ググる手間がかなり少なくなる
もちろん、間違い返答の可能性もあるからそこら辺はうまく扱う必要があるけどね。
あとGitHub Copilotはもっとヤバいよ。プログラマーなら一度は使うべき
825: (ﾜｯﾁｮｲ e2bd-F1Es [221.171.102.45]) 2023/05/09(火)01:40 ID:r9kkpYgp0(1) AAS
OSS のソース読むときにも ChatGPT は便利だよ。
内部関数名とか聞いても何するものか教えてくれる。
この間 OpenSSL のソース読んでて助けられた。
暗号のコードなんて読んでもよくわからないしw
826: (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105]) 2023/05/09(火)07:51 ID:y5YEea020(1/3) AAS
>>824
GitHub Copilot
そんなのもあるんですね。
827: (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105]) 2023/05/09(火)10:14 ID:y5YEea020(2/3) AAS
ChatGPTでsqlでハマった点を質問してみたんだけど
ヤバイな。一瞬で分かり易く解説してくれた。
どんなプログラムを組んでるんだ。凄すぎる。
828: (ﾜｯﾁｮｲ 028b-KeI6 [211.5.157.105]) 2023/05/09(火)14:59 ID:y5YEea020(3/3) AAS
chatGPTえぐいんですけど。
829: (ﾜｯﾁｮｲ ef1f-ZkZz [39.110.0.110]) 2023/05/18(木)17:50 ID:An6NATd90(1) AAS
javascriptでctrl+Wでブラウザタブが落ちるのを無効にする方法はありますか？
830: (JP 0Heb-owa4 [126.249.157.89]) 2023/05/23(火)06:51 ID:tIBpGAYNH(1) AAS
それはJSの設定？Winの設定？
831(1): (ｱｳｱｳｳｰ Sab7-tdi0 [106.130.126.201]) 2023/05/23(火)20:39 ID:85f2/18wa(1) AAS
最近勉強してvarの何でもありな傍若無人さに気が付いた
例えば関数実行後に初期化してもホイスティングで勝手にundefiedが代入されるからエラーにならず混乱の素、
ブロックスコープ内で使うとその生成を無視するから混乱の素
なのでプロなのにES6以降の環境で未だにvar使ってる人って新人にも劣ると思った
ES6以降でEcmaから非推奨と言われてるのに未だにvar使わなければいけない理由ってある？
今後var使ってる人見たら問答無用で勉強しない人と判断しても良い？
832: (ﾜｯﾁｮｲ fa5c-FIIW [203.139.52.200]) 2023/05/23(火)20:57 ID:PscArQu/0(1) AAS
キモ
833: (ﾌﾞｰｲﾓ MM16-F7IQ [133.159.150.75]) 2023/05/23(火)22:34 ID:y7+F4Fx6M(1) AAS
>>831
>例えば関数実行後に初期化してもホイスティングで勝手にundefiedが代入される
これいろいろ間違ってる
>未だにvar使わなければいけない理由ってある？
REPLで繰り返しコードブロックを実行したい場合なんかにvar使う
あとはブラウザ以外の環境でES3しか動かない環境とかね
>今後var使ってる人見たら問答無用で勉強しない人と判断しても良い？
省1
834: (ﾜｯﾁｮｲ 9af0-FIIW [211.19.68.36]) 2023/05/24(水)10:07 ID:qaFXRxUx0(1) AAS
スコープの基本だね
レキシカルなのかパラメーターなのか
DOMをいじるとみんな参照になるし変数大切ね
835(1): (ﾜｯﾁｮｲ 23a7-xpLh [118.14.167.59]) 2023/05/24(水)10:45 ID:R9+x876F0(1) AAS
匿名イベントを削除する方法って無い？
ググりまくっても全く見当たらんから仕方ないのでElement.prototype.addEventListenerフックしてフィルタしてるんだけど非常に遠回りな事してる気がしてならない
836: (ﾌﾞｰｲﾓ MM86-F7IQ [163.49.208.121]) 2023/05/24(水)11:04 ID:CrZEaXEyM(1) AAS
>>835
イベントリスナーへの参照を保持してないと
removeEventListenerは使えない
あとはAbortSignalを使う方法がある
MDNのaddEventListener辺りに全部書いてる
837(1): (ﾜｯﾁｮｲ 2b5f-i/qU [14.12.8.65]) 2023/05/25(木)06:53 ID:djzVD0JU0(1) AAS
くそ素人で申し訳ない
ブックマークレットでCookieを編集する時に有効期限も同時に編集したいのだけれど
どうしたらいいのだろうか
元々は
javascript:document.cookie=%22ipb_member_id=〇〇%22;document.cookie=%22ipb_pass_hash=〇〇%22;
って感じなのだけれど1日くらいしたらすぐ消えてしまう
838: (ｽｯﾌﾟ Sd5a-9ehv [49.96.239.55]) 2023/05/25(木)11:10 ID:vvIauVZOd(1) AAS
どっかのRFCに載ってるはず
839(1): (ｻｻｸｯﾃﾛﾗ Sp8b-tLvz [126.182.17.102]) 2023/05/27(土)14:04 ID:MkhutBump(1) AAS
>>837
そいつは有効期限も一緒に設定しなきゃならんな。
javascript:(function(){
var date = new Date();
date.setDate(date.getDate() + 30); // 30日後に設定
document.cookie = "ipb_member_id=〇〇; expires=" + date.toUTCString() + "; path=/";
document.cookie = "ipb_pass_hash=〇〇; expires=" + date.toUTCString() + "; path=/";
省6
840: (ﾜｯﾁｮｲ 375f-mp2X [106.72.33.97]) 2023/05/28(日)15:24 ID:n14WZ+eY0(1) AAS
documentのinnerHTMLやtextContentの書き換えをしたとき、ブラウザのDOMの計算（？）や再描画（？）は変更があった部分のみか、ページ全体で行われるののどちらでしょうか？
841: (ﾜｯﾁｮｲ 975f-D91p [14.12.8.65]) 2023/05/28(日)23:28 ID:8mVMxOyu0(1) AAS
>>839
ありがとうまじ助かった
842: (ﾜｯﾁｮｲ 975f-f/x0 [14.8.104.32]) 2023/05/29(月)06:35 ID:eVNfBOW80(1) AAS
CookieってPHPみたいなサーバーサイドから設定するのとJSから設定するのどっちが良いんかね？
同僚から受け継いだシステムはPHPでやってたが
843: (ﾜｯﾁｮｲ 9f00-taKI [221.118.182.138 [上級国民]]) 2023/05/29(月)07:03 ID:nuFuFtG60(1) AAS
HttpOnlyの存在考えるとサーバーサイド一択じゃね？
844: (ﾜｯﾁｮｲ ffbb-dfVX [217.178.27.244]) 2023/05/29(月)08:05 ID:7kZHwtIo0(1) AAS
ステートレスな通信を補助するものだから、処理の起点側でつけると良い
ただ、一般的にはサーバサイドになると思うよ
845(1): (ﾜｯﾁｮｲ 5f4b-HhYS [110.2.215.28 [上級国民]]) 2023/06/19(月)13:57 ID:iYcFBKEZ0(1/3) AAS
if ((a == b && c != d) || (e == f && g != h)){
alert ("正解");
}
こういうコードの書き方は出来ますか？
二重括弧の使い方は正しいでしょうか？
846: (ﾜｯﾁｮｲ 5f4b-HhYS [110.2.215.28 [上級国民]]) 2023/06/19(月)14:42 ID:iYcFBKEZ0(2/3) AAS
ちょっと調べてたんですが、こうでしょうか？
if (((a == b) && (c != d)) || ((e == f) && (g != h))){
alert ("正解");
}
「a == bとc != dの条件が両方ともtrue」か「e == fとg != hの条件が両方ともtrue」なら"正解"と警告を表示したいのですが…
三重括弧なんてあります？
847: (ﾜｯﾁｮｲ ff7b-0fSR [153.185.178.93]) 2023/06/19(月)14:49 ID:G503Uwj70(1) AAS
>>845で大丈夫やろ。
なんで試さんの？
848: (ﾜｯﾁｮｲ ff61-gPkm [153.171.212.140]) 2023/06/19(月)14:54 ID:Glrukv1f0(1) AAS
演算子優先度の理解が追い付いて無いなら好きなだけ括弧使えばいい
849: (ｵｯﾍﾟｹ Sr33-vDmN [126.157.241.160]) 2023/06/19(月)14:58 ID:3rS08iXar(1) AAS
何重カッコでもいけるけど演算子やカッコが増えると可読性が落ちて条件式を読み解くのが辛くなる
コードは長くなっても条件式をいくつかに分割して変数に入れた方が読みやすくなるよ
const x = (a == b) && (c != d)
const y = (e == f) && (g != h)
if(x || y){
alert ("正解");
}
省1
850: (ﾜｯﾁｮｲ 5f4b-HhYS [110.2.215.28 [上級国民]]) 2023/06/19(月)15:02 ID:iYcFBKEZ0(3/3) AAS
皆さん、ありがとうございます
変数に入れるのがいいですね
やってみます
851: (ｱｳｱｳｳｰ Sa23-QBJ2 [106.130.41.210]) 2023/06/19(月)23:22 ID:xNSaH23va(1) AAS
イテレータ、Map、Setがややこしくて😩なんだけど実務で使う？
一応理解したけどカスタムイテレータ作ってそれをオブジェクトに追加してfor...ofなんて無理だな
プログラマーならバリバリ使うのかな？それとも知識として仕組み知っとくだけ？
852: (ｵｯﾍﾟｹ Sr33-vDmN [126.205.219.139]) 2023/06/20(火)13:18 ID:es0ShzRur(1) AAS
Mapはキーと値の組み合わせのコレクション
Setは重複のない値のコレクション
どちらも実務で出番はある
イテレータは中身を1個ずつ取り出せるものの総称
カスタムイテレータに関してはmdnもおすすめのジェネレータ関数を覚えておけばいいかと
バリバリではないにしてもここぞというときに役に立つ
853: (ﾜｯﾁｮｲ ffda-ZcId [223.216.178.53]) 2023/06/21(水)18:20 ID:He5qrAkL0(1) AAS
tableタグのtrをjqueryかjavascriptでアニメーションアコーディオンがうまくアニメーションしないんだけど
slideToggleで開発ツールではheightの数字は変化しているんだけど・・
もしかしてtrにheightという概念が無いから？
<tr class=name><td>名前1</td></tr>
<tr class=detail><td>中身1</td></tr>
<tr class=name><td>名前2</td></tr>
<tr class=detail><td>中身2</td></tr>
省1
854(1): (ﾜｯﾁｮｲ 7d4b-Hjce [110.2.215.28 [上級国民]]) 2023/06/26(月)12:08 ID:QXVTwCFE0(1/2) AAS
変数って定義する前はundefinedが入ってるんでしょうか？
855(1): (ﾜｯﾁｮｲ 1501-WolJ [60.109.218.97]) 2023/06/26(月)20:02 ID:nZR6QJ/D0(1) AAS
>>854
変数定義前は変数がない
変数定義時に値を代入しなければundefinedで初期化される
856: (ﾜｯﾁｮｲ 7d4b-Hjce [110.2.215.28 [上級国民]]) 2023/06/26(月)21:13 ID:QXVTwCFE0(2/2) AAS
>>855
ありがとうございます。
857: (ｱｳｱｳｳｰ Sab9-cUyJ [106.130.49.224]) 2023/06/29(木)21:35 ID:I06beN9ya(1) AAS
Promiseメソッドなんなの独自ルール多すぎでしょ。もはや別言語に感じる。これよく使用される？
858: (ﾜｯﾁｮｲ 1a00-KjOb [221.118.182.138 [上級国民]]) 2023/06/29(木)22:34 ID:mZg1DRHQ0(1) AAS
Promise周りは最初は取っつきにくいけど、凄く使いやすく作られてるし、物凄くよく使うよ。
859: (ﾜｯﾁｮｲ 1d5f-momQ [14.8.104.32]) 2023/06/29(木)23:09 ID:OBXN/r9b0(1) AAS
async awaitでしかfetchをかけない自分と、thenでしかfetchを書けない前任者のせめぎあい
xhrはなぜか知らんがもう時代じゃないらしいし
860: (ｱｳｱｳｳｰ Sab9-Br7/ [106.128.36.203]) 2023/06/30(金)10:14 ID:Lj29KtNna(1) AAS
的外れな質問だったら申し訳ありません…
クラスAが長くなってしまったこと(1500行くらい）、類似クラスBとある程度共通化できそうな部分があったので関数Cとして
別ファイルに切りだそうと思いました。
その際、関数CからAの複数のメンバ変数/メソッド（Bも同じ名前の変数/メソッドを持っている）を利用したいのですが、
一つ一つ引数で渡していくと記述が煩雑だし、仕様も変わる可能性があります。
そこで、Aのインスタンスから関数Cにthisを引数として渡すようにして、関数Cからは仮引数this.メンバ変数 などのようにして自由にAのメンバにアクセスできるようにしました。
以上のやり方で、動作はしているようですが、なんか良くないやり方の様な気もしています。
省1
861: (ﾜｯﾁｮｲ 7691-pVx5 [153.223.3.108]) 2023/06/30(金)10:55 ID:qu6f9mWQ0(1) AAS
クラスAたBの同名の変数と関数をBaseクラスにしてAとBに継承すれば同名の変数関数を持ってることが保証できてうっかり名前変えてしまったとかのバグ防げるんじゃない？インターフェースみたいに
それから引数じゃなくてbind使えば関数C内でthisを自然な感じで使えるとか
862: (ｱｳｱｳｳｰ Sab9-Br7/ [106.128.39.112]) 2023/06/30(金)13:05 ID:2BLecjKja(1) AAS
有り難うございます。
デメリットとしては後でA~Cをいじった時にバグの温床になりやすいこと、くらいの認識で良いんですかね。
基底クラスを継承するかたちにすることも考えたいと思います。
確かにbind/callを使った方が、動作は同じでよりシンプルな気がしてきました。
863: (ｱｳｱｳｳｰ Sa47-NFBa [106.146.70.58]) 2023/07/01(土)04:46 ID:nMEzWNF9a(1) AAS
is_a, has_a
継承か包含か、古典的な質問
864: (ｱｳｱｳｳｰ Sa47-ctHD [106.155.8.134]) 2023/07/01(土)19:38 ID:hPyQUT1Ya(1) AAS
javascript:
if((result = prompt("input formula string","")) == "") alert("no formula string"); else alert(eval(result));
865: (ﾜｯﾁｮｲ 5a00-PRVu [221.118.182.138 [上級国民]]) 2023/07/01(土)22:48 ID:WfKHfAvE0(1) AAS
なんつー邪悪なコード
866(1): (ﾜｯﾁｮｲ 5b4b-nuDV [110.2.215.28 [上級国民]]) 2023/07/05(水)21:30 ID:74hfvDDi0(1) AAS
(function(){
～
})();
こういう書き方をしてるコードがあったんですけど、これは実行も含めた関数の書き方でしょうか？
最初の(と最後の)()の意味がわかりません
867(1): (ﾜｯﾁｮｲ e301-cWjJ [60.109.218.97]) 2023/07/06(木)00:31 ID:IKcM4kIN0(1) AAS
>>866
即時関数
()は関数宣言ではなく、関数式として実行するため
868: (ﾜｯﾁｮｲ 5b4b-nuDV [110.2.215.28 [上級国民]]) 2023/07/06(木)01:40 ID:vc4JCbkY0(1) AAS
>>867
ありがとうございます
よくわかりました
869: (ﾜｯﾁｮｲ 7679-p0MK [175.105.104.184]) 2023/07/07(金)13:17 ID:tybFBPle0(1) AAS
なるべく自分で考えたキモイ名前は晒したくないからな？
870(2): (ﾜｯﾁｮｲ a15f-eaRz [14.13.136.34]) 2023/07/08(土)18:01 ID:0tWDp4eO0(1) AAS
今ホームページを制作しているのですが教えて頂きたいです。
下記内容のコードの書き方がわかりません。
5枚の画像があるのですが、全部では無く一旦一枚目のみ表示させたいです。
次に各画像を説明する文字があります。その文字にマウスカーソルを合わせると、その文字にあった画像に2枚目3枚目と切り替わるようにしたいと思っています。
初心者すぎるので例としてコードを作って頂ければ見ながら調整したく思っています。
どなたかお教え頂けませんでしょうか。
871: (ｽﾌﾟｯｯ Sd73-mu37 [1.75.238.73]) 2023/07/08(土)20:53 ID:S1M2Nutrd(1) AAS
>>870
それはもう質問ではない
872: (ﾜｯﾁｮｲ a15f-vDrU [14.8.104.32]) 2023/07/08(土)21:24 ID:DhofVjWT0(1) AAS
ChatGPTに聴け
873: (ﾜｯﾁｮｲ d101-Ud/M [60.105.201.125]) 2023/07/08(土)23:32 ID:EFUbRXYX0(1) AAS
>>870
質問にするなら>>1-3を読もう
874: (ｱｳｱｳｳｰ Sa55-knyK [106.146.116.188]) 2023/07/09(日)01:18 ID:YP8p84HTa(1) AAS
よくある、スライダーでしょ？
jQuery でもあるでしょ
Bootstrap のCarousel (カルーセル)
外部ﾘﾝｸ:getbootstrap.jp
875: (ﾜｯﾁｮｲ a15f-eaRz [14.13.136.34]) 2023/07/09(日)01:44 ID://wYUerL0(1) AAS
なんか色々ルールがあるんですね
諦めて勉強します
ありがとうございます
876: 874 (ｱｳｱｳｳｰ Sa55-knyK [106.146.114.68]) 2023/07/09(日)19:52 ID:gl6FDMI+a(1) AAS
jQuery slider
Bootstrap Carousel などで検索すれば、一杯ある
一杯あるけど、難しいから自作する人はいない。
皆、jQueryUI やBootstrap のCarousel などの既製品を使う
上下前次1-新書関写板覧索設栞歴
あと 126 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.023s