回答数
気になる
-
Java Scriptについて教えてください・・・サンプルを修正して使用って可能ですか??
Java Scriptについて教えてください・・・サンプルを修正して使用って可能ですか??
質問日時: 2020/07/30 16:22 質問者: gejigeji1
解決済
1
1
-
Javascriptの関数を書くタイミングっていつがベストですか?
Javascriptの関数を書くタイミングっていつがベストですか?
質問日時: 2020/07/29 23:50 質問者: silverwolf12
ベストアンサー
2
0
-
[JavaScript] preventDefaultが動かない?
こんばんは クリック等のイベントの動作をpreventDefaultを使って動作させたいのですが、上手く行きません どこか間違っているのでしょうか? 例えば、このサイトの右上の「質問・相談する」のクリックに対して下記コードを実行したのですが、クリックが無効化されません document.getElementsByClassName("mainBtn headerBtn")[0].addEventListener("click",function(event){event.preventDefault();},{passive:false}); なぜでしょうか? 宜しくお願い致します Chrome: 84.0.4147.89
質問日時: 2020/07/28 23:46 質問者: Hypnomatic
解決済
2
0
-
[JavaScript]IE11にてフリック動作時の方向と移動量を取得したい
表題の処理を、JavaScriptで実装したいと考えています タッチ操作可能のノートPCでの実装を想定しています(スマホなどは想定していません) ブラウザはIE11のみ 当初、pointerdownの座標とpointerupの座標を比較することを想定していましたが以下2点で躓いております ①フリック操作を行うと、pointerdownの後にpointerleave,pointercancel となりpointerupが発生しませんでした ②上記の3つのイベントの際のプロパティ内の座標がすべて同じ値のため、移動方向が判定できません ①、②の理由 別の方法があれば、ご教授いただきたく思います ・HTML <div id="outer"> <div class="inner"></div> <div class="inner"></div> <div class="inner"></div> <div class="inner"></div> </div> ・JS $("#outer").on("pointerdown",function(e){ console.log(e.pageX) console.log(e.pageY) }); $("#outer").on("pointerleave",function(e){ console.log(e.pageX) console.log(e.pageY) }); $("#outer").on("pointercancel",function(e){ console.log(e.pageX) console.log(e.pageY) });
質問日時: 2020/07/27 20:42 質問者: Lotus2025
ベストアンサー
1
0
-
プログラミング(JavaScript)の課題についてです。 クリックされましたという文章を繰り返す方
プログラミング(JavaScript)の課題についてです。 クリックされましたという文章を繰り返す方法を教えてください。 一応、自分で書きましたが、うまく動きません。 (略) function click(){ for(var i=0;I<5;I++){ var p=document.getElementById(“result”); p.textContent=‘クリックされました’; } } 大雑把で申し訳ありませんが、よろしくお願いします。
質問日時: 2020/07/26 22:32 質問者: いんげん。
解決済
2
0
-
javascriptのonclickで、ループで回しているが指定したaタグのテキストだけを取得したい
do until DS_CD.eof response.write "<td class=''><a href=""#"">" & DS_CD.fields("cd") & "</a></td>" このDS_CD.fields("cd")をループで回して取得していまして、この値をonclickで取得しようとすると、どうしてもループした全ての値が取得されてしまいます。 でも、求めたいのはリンクをクリックしたテキスト(1つの値)です。 リンクをクリックしたaタグのテキストだけを取得するにはどうしたらいいのでしょうか?
質問日時: 2020/07/22 11:12 質問者: tsmovie
ベストアンサー
2
0
-
JavaScript 配列のコピー
配列のコピーをしたいのですが、調べるとシャローコピーとか参照渡しなどの言葉が並んでいて良く理解できません。(なぜややこしい?のかはおぼろげながら理解できました) やりたいことはBという配列にAという配列にコピーしたとき、Aを変更してもBを変更しても互いに影響しないコピー方法です。処理時間やコードの長さは問いません。わかりやすい方法を教えてください。
質問日時: 2020/07/22 06:32 質問者: yukimesan
ベストアンサー
3
0
-
JavaScriptで、実行するたび値が1増える関数を作りたいのですが・・・
初心者の質問ですみません。 以下のような簡単なコードですが、うまく行かないのでアドバイスをお願いしますm(__)m ------------------------------------ ★ // function plus1() { var a = 5; a++; console.log (a); } plus1(); ------------------------------------ plus1()を実行するたびにaの値が1ずつ増えていくようにしたいのですが、これだと何回実行しても6のままで更新されません。 ちなみに、 var a = 5; の行を★の位置(関数定義の前)に持っていっても結果は変わらずです。 関数実行するたびに、6,7,8... と増えていくようにするにはどのように書けば良いのでしょうか?
質問日時: 2020/07/19 21:12 質問者: J.P-Taro-
ベストアンサー
2
0
-
チェックボックスに全てチェックをしたら、ボタンを押せるようにする実装をしたいです。 なので、チェック
チェックボックスに全てチェックをしたら、ボタンを押せるようにする実装をしたいです。 なので、チェックする前と、してる最中はボタンは押せないようにし、全てチェックできたら押せるようにしたいです。 Jqueryで書いていきたいのですが、どうやって書いたらよろしいでしょうか。 ご教示お願いします。
質問日時: 2020/07/16 21:25 質問者: たくあん大好き
解決済
3
0
-
jQueryのアコーディオン一番目だけを最初から開いた状態にしておく方法
色々と試してみましたがうまくいかず、ご教示頂けないでしょうか? 現在、以下のようなhtmlになっております。 <dl id="learning-method"> <dt>一番目</dt> <dd>一番目展開部分</dd> <dt>二番目</dt> <dd>二番目展開部分</dd> <dt>三番目</dt> <dd>三番目展開部分</dd> </dl> jQueryは以下です。 <script type="text/javascript"> $(function() { $('#learning-method dd').hide(); $('#learning-method dt').click(function() { $(this).toggleClass('active'); $(this).next().slideToggle(); }); }); </script> 最初から一番目のddだけ開いておきたいのですが、jQueryをどのように記述すればよいでしょうか? dtをクリックすると他と同じように閉じるようにしたいです。 よろしくお願いいたします。
質問日時: 2020/07/16 20:52 質問者: MBN
解決済
2
0
-
使用している言語はJavaScriptです。 ソースの書き方について質問です。 繰り返す数が同じルー
使用している言語はJavaScriptです。 ソースの書き方について質問です。 繰り返す数が同じループ文をいくつか書く必要がある時、ループ分の中に分岐を入れ処理を書くべきか、分岐してからループ文を入れ処理を書くべきか。 どちらが良いんでしょうか。 それともこれは好みでしょうか…?
質問日時: 2020/07/16 13:44 質問者: wawanta
ベストアンサー
1
0
-
Finderのウインドウのフルスクリーンショットを撮りたい
Mac10.13.6を使用しています。 ChomeやFirefoxのフルスクリーンショットと同じように、 Finder上で 1つのフォルダに入っているファイル数が、スクロールしないと全貌が見えないほど多い場合(自動でスクロールして?)、上から表示されていない最下部まで撮って欲しいのですが、どうしたらいいでしょうか? そのような機能を持っているアプリやコードはありますか? 今、JavaScriptを勉強していて、頑張ったらそのコードをかけるようになるのかなと淡い期待を持っているのですが、そもそもJavaScriptで可能なのでしょうか? (そして、超初心者レベルで書けるコードなのかどうかも不明…) もし可能なら、ヒントをいただけませんでしょうか? (例) 1.ウインドウのサイズを取得する? 2.連続スクリーンショットを撮る? 3.そもそもJavaScriptでは無理。 昔のMac(OS9頃)にはデフォルトでその機能があったように思うのですが…。 見えてる範囲しかスクリーンショットが取れなくて、とても不便です。
質問日時: 2020/07/15 16:03 質問者: kotamagokotama
解決済
2
0
-
プログラミングについて質問です。 console.log("いえーい"); と書いてもChromeの
プログラミングについて質問です。 console.log("いえーい"); と書いてもChromeの方にはそのまま表示されます。 何が原因なのでしょうか ちなみに document.write("いえーい"); のほうはきちんと表示されます。
質問日時: 2020/07/12 20:55 質問者: ニックネームは既に使用済み
解決済
1
0
-
スプレッドシートのデータをGASで最右列の隣の列ににコピペしたい
Googleスプレッドシートで、マクロ(GAS)を使って、 指定列のデータをコピペする方法が知りたいです。 添付画像に沿って、説明します。 ******************************* ①A列からD列を選択。("A:D")のイメージです。 ②選択した列をコピー。 ③行1の最も右にデータが入っているセルの、「1つ右のセル」を選択。 ④値と書式のみ貼り付け ******************************* 上記をスクリプトで実行したいです。 何度も調べたのですが、どうしても分かりません… 恐れ入りますが、どなたかお分かりの方がおられましたら、 ご教授いただけましたら幸いです。 宜しくお願い申し上げます。
質問日時: 2020/07/11 16:20 質問者: whiteprelude
ベストアンサー
2
0
-
Javascriptのコールバック関数って何ですか?
コールバック関数が全く理解できません。 Javascriptのコールバック関数ってどういう仕組なんですか? 普通の関数と何がどう違うのでしょう。
質問日時: 2020/07/11 12:51 質問者: blackrange
解決済
1
0
-
しつもんです 今度オブジェクト指向について早急に学ばないといけないことになったのですが、オブジェクト
しつもんです 今度オブジェクト指向について早急に学ばないといけないことになったのですが、オブジェクト指向設計がわかるいい本を紹介していただけませんか? 今度機械についてるシリアルナンバーからその情報を割り出すプログラムをオブジェクト指向で作るんです 言語はjavascriptです。 設計ができるのは嬉しいのですが あまりじかんなくて、実際のコードと一緒に教えてくれるような優しい本をおしえてください。もしくはいいがくしゅうさいとありますか?
質問日時: 2020/07/08 01:09 質問者: ひろニート
解決済
3
1
-
Javascriptのメッソドについて
Javascriptのメッソドについて メッソドはどういう役割をしていて、どんな時に使うのでしょうか。
質問日時: 2020/07/04 15:53 質問者: blackrange
ベストアンサー
1
0
-
Javascriptのインスタンスってどう役割があるんですか?
Javascriptのインスタンスってどう役割があるんですか?
質問日時: 2020/07/04 15:49 質問者: blackrange
ベストアンサー
1
0
-
JavaとJavascriptのプログラミングって具体的にどう違うんですか?
JavaとJavascriptのプログラミングって具体的にどう違うんですか?
質問日時: 2020/07/04 14:52 質問者: blackrange
ベストアンサー
5
0
-
Javascriptのオブジェクト指向が得意になるのはどうしたらいいですか?
オブジェクト指向が得意になるのはどうしたらいいですか? 難易度が急激に上がり、覚えにくく、解きにくくなりました。 反復して練習するしかないのでしょうか。
質問日時: 2020/07/04 14:33 質問者: blackrange
ベストアンサー
1
0
-
WEBページ立ち上げ時に1回のみ、画像を表示させ、fadeoutさせていく方法が知りたいです
WEBページ立ち上げ時に1回のみ、画像を表示させ、fadeoutさせていく方法を知りたいです。 現在、webページを立ち上げると企業ロゴが表示されてからページが表示されますが、トップページに戻るたびに企業ロゴが表示されてます。そのため、ページ立ち上げ時に1回のみ画像を表示させfadeoutさせる方法を教えて頂けると大変嬉しです。 html→ <div class="start"> <p><img src="画像" alt="企業ロゴ"></p> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.c..."></script> をbodyの終了直前に読み込み CSS→ .start { background: #FFF; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9000; } .start p { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; z-index: 9999; width: 280px; } JavaScript→ $(function() { setTimeout(function(){ $('.start p').fadeIn(1600); },500); setTimeout(function(){ $('.start').fadeOut(500); },2500); }); $(function(){ $(".start").show(); $.cookie('btnFlg') == 'on'?$(".start").hide():$(".start").show(); $(".start-area").click(function(){ $(".start").fadeOut(); $.cookie('btnFlg', 'on', { expires: 30,path: '/' }); }); });
質問日時: 2020/07/03 00:49 質問者: migomigko
ベストアンサー
3
1
-
Javascriptのグローバル変数について質問です
以下のようなページを作りました。 textboxが5つ、 さらにscriptタグの中で5つの要素を読み込むグローバル変数 inputs が定義されています。 また、確認用にinputsの値をconsoleにを吐き出すためのボタンも作成しました。 ここで質問です。 この状態で、テキストボックスに何らかの入力を入れて、ボタンを押すと、常にその時のリアルタイムで入力している値が出力されます。このことが私にはとても不思議です。 常にリアルタイムの値を吐き出しているということは、常にinputsは最新の値を取り込まなければいけないはずですが、 このグローバル変数 inputsはページの読み込み時に一度、 inputs=document.getElemensByClassName("input");でイニシャライズしてから 一切読み込む機会がないように見えます。 でも、buttonを押すごとに最新の値が出てくるということは、何度もinput要素を読み込んでいるように見えます。これはどうなっているのでしょうか。 これがグローバル変数に対する質問かどうかわかりませんが、どうしてこれで最新の値を出力できるのかを教えてくださると助かります。よろしくおねがいします。 -------------------------------------サンプルソース------------------------- <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>global</title> </head> <body> <input type="text" class="input" id="1"> <br> <input type="text" class="input" id="2"> <br> <input type="text" class="input" id="3"> <br> <input type="text" class="input" id="4"> <br> <input type="text" class="input" id="5"> <br> <button onclick="show();">inputの中身表示</button> <script> var inputs=document.getElementsByClassName("input"); function show(){ for(var i=0;i<inputs.length;i++){ console.log(inputs[i].id + ":" + inputs[i].value); } } </script> </body> </html>
質問日時: 2020/07/01 00:58 質問者: ひろニート
ベストアンサー
3
1
-
JavaScriptで小数点も含めた複雑な計算は出来ますか?
いろいろなコードを組み合わせているのですが、どうしてもうまくいきません。 お力を貸していただければ幸いです。 例えば以下のような感じです。 A・ラジオボタン(小数点第一位まであり) B・ラジオボタン(小数点第一位まであり) C・ラジオボタン D・数字入力 E・数字入力 F・ラジオボタン G・数字入力 H・プルダウン ( A + B + C + D )× E + G + H = 合計 *小数点第二位以下は切り捨て *選択時や入力時にリアルタイムで合計表示 どうぞよろしくおねがいします。
質問日時: 2020/06/29 16:02 質問者: pippi2020
解決済
4
0
-
jQueryの読み込み方
プログラミング勉強のため、GoogleのCDN経由でjQueryを外部ファイルにて読み込もうと試みているのですが、上手くいきません。 画像の読み込み方では、何が間違っているかお分かりの方、ご教授ください。お願いします!
質問日時: 2020/06/28 13:24 質問者: あーみや
解決済
2
1
-
TeraPadを使用し javascriptでホームページ作成の仕方を 簡単に説明をお願いします…
TeraPadを使用し javascriptでホームページ作成の仕方を 簡単に説明をお願いします…
質問日時: 2020/06/28 05:09 質問者: 女子大学生。
解決済
2
0
-
ベストアンサー
2
0
-
javascriptを使うには、どうしたらいいですか? javascriptを使用しホームページ作成
javascriptを使うには、どうしたらいいですか? javascriptを使用しホームページ作成をしたいのですが、javascriptを使うためにはアプリや何かをダウンロードするのですか?
質問日時: 2020/06/28 03:57 質問者: 女子大学生。
ベストアンサー
1
0
-
JavaScriptのアレンジがしたいです
以下のサイトを参考に簡易的なパスワード認証を製作しています。 https://allabout.co.jp/gm/gc/23839/ この仕組みを少しアレンジしたく、質問をさせていただきました。 実行したいことは以下の3つです。 ①ポップアップではなくWebページに入力フォームを作ってパスワード認証をしたい。 ②IDも入力できるようにしたい。 つまりID+パスワードのURLに移動できるようにするということです。 ③できればパスワードのフォームは入力した文字が「*」や「・」になるようにしたい。 ご回答お待ちしております。 以下に上記サイトに記載されている初期のソースを載せておきます。ご参考になれば幸いです。 <input type="button" value="パスワードを入力して秘密のページへアクセスする" onclick="gate();"> <script type="text/javascript"> function gate(){ // ▼ユーザの入力を求める var UserInput = prompt("パスワードを入力して下さい:",""); // ▼入力内容をチェック if( /\W+/g.test(UserInput) ) { // ▼半角英数字以外の文字が存在したらエラー alert("半角英数字のみを入力して下さい。"); } // ▼キャンセルをチェック else if( UserInput != null ) { // ▼入力内容からファイル名を生成して移動 location.href = UserInput + ".html"; } } </script>
質問日時: 2020/06/27 10:00 質問者: パソコンHTML初心者
ベストアンサー
1
0
-
アンケートサイトを作りたい!(phpかJavaScriptか)
https://www.idrlabs.com/jp/political-coordinates/test.php ・このような質問をページごとに解答して、集計してグラフ化するサイトを作成したいのです。 ・またデータを集計したいです。 私は過去にGoogleフォームは利用してアンケートを作成して標準偏差等の集計結果グラフをホームページ上に出力するフォームは作成しました。 しかし全体集計はできても、このように個別の結果を表示させる方法は分かりませんでした。 上記サイトのように1ページ1問ずつで回答していく形式だとシンプルでいいなと思ったのですが…。 javaScriptを使っていくのでしょうか・・? しかしどこから勉強していいか分かりません。 私は仮想VPSでWebサーバーを運用してWordPressで軽いホームページを作成できる程度のPHPとHTMLが分かる程度の能力です。 (参考) HTMLを見ると以下のように出ます。このJavaScript(?)のMMTというのを使えばできるのでしょうか? 教えていただきたけたら幸いです。 <div id="mmt-82db8863-a5a9-4646-bfc4-7efa7ca1ddba" style="width: 320px; height: 50px; visibility: visible;" data-google-query-id="COeFm6_jmuoCFcLKfAoduAsAWA"><div id="google_ads_iframe_/20842576/FJ401M/FJ401M-DDH.C_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/20842576/FJ401M/FJ401M-DDH.C_0" title="3rd party ad content" name="google_ads_iframe_/20842576/FJ401M/FJ401M-DDH.C_0" scrolling="no" marginwidth="0" marginheight="0" style="border: 0px none; vertical-align: bottom;" data-google-container-id="1y" data-load-complete="true" width="320" height="50" frameborder="0"></iframe></div></div> <script type="text/javascript" data-cfasync="false">$MMT = window.$MMT || {}; $MMT.cmd = $MMT.cmd || [];$MMT.cmd.push(function(){ $MMT.display.slots.push(["82db8863-a5a9-4646-bfc4-7efa7ca1ddba"]); }) </script> <div class="qcont"> <h3>質問 <span class="qnum">1</span> (36問中)</h3> (中略) <span class="qnav back" style="visibility:hidden"> <span class="text">戻る</span> </span> </p> </div>
質問日時: 2020/06/25 00:51 質問者: walsch
ベストアンサー
3
0
-
ベストアンサー
1
0
-
JavascriptのWhile文やFor文のループについて
JavascriptのWhile文やFor文のループについて これって実質的に同じものなのに、なんで一つに統一しないのでしょうか?
質問日時: 2020/06/15 14:52 質問者: blackrange
ベストアンサー
4
0
-
このJavaScriptのどこが間違っていますか,結果が半分しか出ないので,おみくじとスタートボタン
このJavaScriptのどこが間違っていますか,結果が半分しか出ないので,おみくじとスタートボタンは出ますが反応はしません!助けてください!よろしくです
質問日時: 2020/06/14 04:48 質問者: せいやー
解決済
2
0
-
javascriptより、オブジェクトを要素にもつ配列
javascriptを基礎中の基礎から勉強しており、プログラミング超初心者です。 某書籍(一部、修正を加えています)の演習問題で、 const characters = [ {name: "息子", age: 14}, {name: "爺さん", age: 100}, {name: "弟", age: 5}, ]; // for文を完成させてください for (let i = 0; i < characters.length; i ++) { console.log("--------------------"); // 定数characterを定義してください const character = characters[i]; // 「名前は〇〇です」を出力してください console.log(`名前は${character.name}です`); // 「〇〇歳です」を出力してください console.log(`${character.age}歳です`); } 出力結果は ーーーーーーーーーーーーーーー 名前は息子です 14歳です ーーーーーーーーーーーーーーー 名前は爺さんです 100歳です ーーーーーーーーーーーーーーー 名前は弟です 5歳です と出ます。 書籍ではこちらが回答になっています。 私の回答は const characters = [ {name: "息子", age: 14}, {name: "爺さん", age: 100}, {name: "弟", age: 5}, ]; // for文を完成させてください for (let i = 0; i < characters.length; i ++) { console.log("--------------------"); // 定数characterを定義してください // 「名前は〇〇です」を出力してください console.log("名前は" + characters[i].name + "です"); // 「〇〇歳です」を出力してください console.log(characters[i].age + "歳です"); } と私は答えました。 出力結果は全く同じでした。 大きな違いは定数characterを定義していない点です。 出力上は同じですがこれは間違いなのでしょうか? このまま次に進んではまずいのではと思い、不安です。 また、前文ではcharacterを定義しないとエラーになることは確認できましたが、 なぜエラーになってしまうのかがどうしても分かりませんでした。 丁寧に教えていただけると大変助かります。 よろしくお願いします。
質問日時: 2020/06/11 20:07 質問者: kaaaazuuuu
ベストアンサー
2
0
-
マウスオーバー元の要素を取得したい
すいません質問があります。 マウスオーバー元の要素をConsole logで表示させたいです。 例えば、下記のようなClassがあるとします。 <div class="test">a</div> <div class="test">b</div> <div class="test">c</div> <div class="test">d</div> <div class="test">e</div> もし、bの要素でマウスオーバーした場合、console.logにて b と出力させたいです。 var x = document.getElementsByClassName('test'); var y = function(){ for(i=0; i<x.length; i++){ console.log(test[i]); } } x.onmouseover = y こちらを実行した場合、a~eのどれかをマウスオーバーした時点で a b c d e と表示されます。 しかし、私が望む結果は、 aをマウスオーバーしたら a, bをマウスオーバーしたらb を表示させることです。 お手数をおかけしますがよろしくお願いいたします。
質問日時: 2020/06/10 19:01 質問者: kemukemu2014
ベストアンサー
2
0
-
JavaScriptで複数のプロパティを1行で追加することはできますか
JavaScriptで複数のプロパティを1行で追加することはできますか 例えば、次のオブジェクトaに新たに、プロパティcとdを追加するには、 var a = {a: 1, b: 2} a.c = 3 a.d = 4 このように1行ずつ書いているのですが、これを1行でまとめて追加する書き方はありますか。 a = {c: 3, d:4} こんな感じで1行で書ければ行数がかなり減ってうれしいのですが、これだと既存のプロパティが全て消えてしまいます(当然ですが)。 a.c = 3; a.d = 4 このように強引に1行にすることもできますが、もっとスマートな方法があればと思い質問させていただくことにしました。 個人的には{}で囲んで一気に追加するような方法が好きです。
質問日時: 2020/06/10 18:33 質問者: zyousuke
ベストアンサー
1
0
-
こんばんは。 メガメニューを今実装しております。 クリックしたら開閉するようにしているのですが、クリ
こんばんは。 メガメニューを今実装しております。 クリックしたら開閉するようにしているのですが、クリックする要素以外を押したら閉じるようにしたいです。 しかし、、、うまくいきません。 開閉にはslidetoggleを使っています。 どなか、上記の、他の要素を触ったら閉じるような実装方法がありましたら、ご教授願います。
質問日時: 2020/06/07 22:56 質問者: たくあん大好き
解決済
1
0
-
javascriptでformの送信後、値を受け取ったページを更新したい
プログラミング初心者です。 現在、下記の問題に躓いております。 フォーム送信ができる<input.jsp>、 inputから値を受け取ってoutputに送り、inputを再表示させるサーブレット<servlet.java>、 サーブレットから値を受け取ってページに表示させる<output.jsp>、 input.jspとoutput.jspをフレームで表示させる<top.jsp>の4つがあり、 top.jspでは常に入力フォームであるinputと出力画面であるoutputを表示させます。 現時点ではsubmitしても、その時点ではoutputが更新されず ブラウザの更新ボタンを使って初めてoutputに値を表示させることができます。 inputのページ読み込み時にoutputも再読み込みさせたいので、 function reload(){ window.output.location.reload();} と記述し、 inputの<body>を<body onLoad="reload()">と書いてみましたが、 outputの更新ができません。 どこを直したらoutputの更新ができるのか教えてください。 自分としては「window.output.location.reload()」のあたりが怪しいとも思いますが、 いかがでしょうか? どうぞよろしくお願いいたします。
質問日時: 2020/05/24 15:26 質問者: pi01496
解決済
2
0
-
APIを使って埋め込んだグーグルマップのピンがズレる
グーグルマップについて質問します。 APIを使って、グーグルマップを埋め込んでいるのですが、 正しい緯度経度を入力しているのにピンがずれてしまします。 ソースを載せさせていただきますので、おかしい点がありましたら ご教示いただけませんか。 なお、拡大縮小の+-も、ズームインしていけばピンが合うのですが、 ズームアウトすると位置がずれてしまうため、いまは非表示にしています。 そちらもご存知でしたら、教えていただけますと助かります。 どうぞよろしくお願いいたします。 <script language="JavaScript">// googlemapV3のjavascript(緯度経度入力がある場合) var GMAPmarker = new Array(); var map = null; var GMAP_icon_key = new Array(0,0,0,0,0,0,0,0,0,0); var currentInfoWindow = null; //最後に開いた情報ウィンドウを記憶 var InfoWindow = new google.maps.InfoWindow(); // 情報ウインドウの生成とクリックイベント関数の登録処理 function setMarkerListener(marker, contentString) { // 情報ウィンドウの生成 var InfoWindow = new google.maps.InfoWindow({ content: contentString }); // マーカーのクリックイベントの関数登録 google.maps.event.addListener(marker, "click", function(){ //先に開いた情報ウィンドウがあれば、closeする if (currentInfoWindow) { currentInfoWindow.close(); } //情報ウィンドウを開く InfoWindow.open(marker.getMap(), marker); currentInfoWindow = InfoWindow; }); } var tmp = GMAP_OBJ[0][3].split(","); center = new google.maps.LatLng(tmp[0],tmp[1]);//中心座標 var styles = [ { stylers: [ ] } ]; var options = { // 初期設定オプション zoom: 18, // ズーム・レベル center: center, disableDefaultUI: true, scrollwheel: false, panControl: false, zoomControl: false, //非表示 scaleControl: false, mapTypeId: google.maps.MapTypeId.ROADMAP, // マップタイプ。ROADMAP、SATELLITE、TERRAIN、HYBRID から選択 styles: styles }; map = new google.maps.Map(document.getElementById("GMAP"), options); var tmp = new Array(); for (i = 0; i < GMAP_OBJ.length; i ++) { if (GMAP_OBJ[i] || GMAP_OBJ[i][0]) { GMAP_icon_key[(GMAP_OBJ[i][0])]++; icon_num = GMAP_icon_key[(GMAP_OBJ[i][0])]; } var tmp = GMAP_OBJ[i][3].split(","); var point = new google.maps.LatLng(tmp[0],tmp[1]); var contentString = GMAP_OBJ[i][4]; // マーカー画像を作成 var markerImg = new google.maps.MarkerImage( '../../buy/img/gmapf1_1.png', // マーカーの画像URL new google.maps.Size(24, 34), // マーカーのサイズ new google.maps.Point(0, 0), // 画像の基準位置 new google.maps.Point(24, 34) // Anchorポイント ); // マーカーを生成 var marker = new google.maps.Marker({ map: map, position: point, content: contentString, icon: markerImg }); // 情報ウインドウの生成とクリックイベント関数の登録処理 setMarkerListener(marker, GMAP_OBJ[i][4]); GMAPmarker[i] = marker; } </script>
質問日時: 2020/05/16 12:47 質問者: aquarius1974
解決済
2
0
-
2段階連動セレクトボックスでの表示切り替え JavaScript
こちらで初めて質問させていただきます。 JavaScriptが完全初心者で、下記についてご教示いただきたいです。 下記、連動のセレクトボックスなのですが、 二つ目のセレクトボックスで選択した内容によって表示が 切り替えられるようにしたいのですが、今、ソースが足りずうまくいっていません。 どのように書き足せば良いか、教えていただけないでしょうか。 例えば、「キャベツ」を選択すれば、「キャベツを選択しました」と 表示されるようにしたいです。 何卒、どうぞよろしくお願いいたします。 ソースです。 <form> <div class="pulldownset vegetable"> <select id="cate" class="subbox" > <option value="">種類を選択</option> <option value="ha">葉菜類</option> <option value="ne">根菜類</option> <option value="ka">果菜類</option> </select> <select id="ha" class="subbox2"> <option value="">葉菜類を選択</option> <option value="ha1">キャベツ</option> <option value="ha2">ほうれん草</option> <option value="ha3">レタス</option> </select> <select id="ne" class="subbox2"> <option value="">根菜類を選択</option> <option value="ne1">大根</option> <option value="ne2">にんじん</option> <option value="ne3">ゴボウ</option> </select> <select id="ka" class="subbox2"> <option value="">果菜類を選択</option> <option value="ka1">キュウリ</option> <option value="ka2">カボチャ</option> <option value="ka3">トマト</option> </select> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> </div> </form> <div id="ha1" class="subbox2">キャベツを選択しました</div> <div id="ha2" class="subbox2">ほうれん草を選択しました</div> <div id="ha3" class="subbox2">レタスを選択しました</div> <div id="ne1" class="subbox2">大根を選択しました</div> <div id="ne2" class="subbox2">にんじんを選択しました</div> <div id="ne3" class="subbox2">ゴボウを選択しました</div> <div id="ka1" class="subbox2">キュウリを選択しました</div> <div id="ka2" class="subbox2">カボチャを選択しました</div> <div id="ka3" class="subbox2">トマトを選択しました</div> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var dispSubBox = function(subId) { [...document.querySelectorAll(".subbox2")].forEach(function(elm){ elm.style.display = elm.id===subId ? "inline": "none" }); } dispSubBox(); document.getElementById("cate").addEventListener("change", function(event){ var elm = event.target; dispSubBox( elm.value ); }); }); </script> <style> div { width:300px; display:block; } </style>
質問日時: 2020/05/15 18:20 質問者: aquarius1974
解決済
2
0
-
ホームページの入力フォーム作成で入力フォーム→確認画面の表示するコードを書いているのですが、実際に書
ホームページの入力フォーム作成で入力フォーム→確認画面の表示するコードを書いているのですが、実際に書いたコードは一番下のURLにあります」 書き方は下のURL①のサイトに載っている書き方と全く同じコードを書いているのですが ①https://www.web-officer.com/php/how-to-make-inqu … check_contactformという名前の関数を使用するにはjQueryを読み込ませないといけないようで CDN経由でjQueryを読み込みできるらしいのですが、以下のコードGoogleが提供しているコード <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> をcontact.htmlのHeadの中に記入したのですが、すべての<script>タグにtype属性が必要です、と表示されてcheck_contactform関数が起動しません。他のCDNコードでもも同様でした。どうしたら良いでしょうか?書き方が間違っているのでしょうか? すごく困っています。回答よろしくお願い致します。 コードは下にURL に書いてあります。contact.htmlの中にCDN経由でjQueryを起動するコードをHeadの中に記入しました。 「contact.html」(入力フォーム、check_contactform関数のコード) https://drive.google.com/file/d/15sFCKKJ_kCT3HXKLxqoZT6oaRG5e_csk/view?usp=sharing 「confirmation.php」(確認画面の表示) https://drive.google.com/file/d/1VWREEhXlpajsEHjF-NOeSqeocHmSLnME/view?usp=sharing
質問日時: 2020/05/15 11:33 質問者: pjdmgam
ベストアンサー
1
0
-
添付した、画像のように サムネイル付きスライダーを作成したいです。 また、大きく画像が表示されるとき
添付した、画像のように サムネイル付きスライダーを作成したいです。 また、大きく画像が表示されるときは、1・2・3それぞれのキャプションを表示させたいです。 サムネイルの時は表示させず大きい時のみキャプションが表示されるようにしたいです。(右下) サムネイルとメインのキャプションを連動させる方法などがよくわかりませんでした… スライダーはslickを使わせていただいております。 ご教示お願いいたします。
質問日時: 2020/05/14 23:57 質問者: たくあん大好き
解決済
1
0
-
document.titleでブラウザに表示されるタイトルを変えたい
「VBAのWebBrowserコントロールでDocumentTextを使いたい」で質問中の者です。 不具合の原因が判明したため質問を追加させていただきます。 セルの大きさが一定ではないテーブルの一つのセルに一つのボタンを配置し、ボタンをクリックするとそれぞれに設定した文字をdocument.titleでブラウザのタブに表示させるようにしています。 セル内のどこであってもクリックが有効になるよう、ブラウザの表示完了後にnavigateでjavascript:[ボタンのid].height=●●とスクレイピングし、セルと同じ大きさのボタンにできたのですが、ボタンをクリックしても表示されているタイトルが変わらなくなりました。 IEでF12のconsoleで見てみると、document.titleは確かにボタンに割り当てた文字に変更されています。 また、ボタンの動作をalert('***')とするとスクレイピング後も正しくアラートが表示されます。 上記の動作をエクセルのユーザーフォーム内で実行し、ボタンクリック→タイトル変更によってマクロを発動させたいのですが、スクレイピング後にボタンクリックでタイトルの表示を変更できる方法はないでしょうか。
質問日時: 2020/05/08 23:29 質問者: こうだよしき
解決済
1
0
-
JSの「document.getElementById().textContent」について質問
JavaScriptの「document.getElementById().textContent」という文章について質問が有ります。 この文章で「document.getElementById()」の部分は、 documentオブジェクトの中のgetElementById()メソッドを利用しているというのは分かります。 しかし、続けてtextContentプロパティが記述されていますが、これはどこのプロパティなのでしょうか? documentオブジェクトの中に有るプロパティなのでしょうか? 私の考えでは、上の表記は厳密には let a = document.getElementById("id名"); a.textContent; であり、aにはid名で指定された要素が格納されますよね? そして要素が格納されたaも実はオブジェクトであり、そのオブジェクトの中にtextContentプロパティが JavaScriptでは標準で搭載さている、ということでしょうか? またもう一つ質問で、 通常オブジェクトの中のプロパティやメソッドを参照する(呼び出す)時は、 オブジェクト名.プロパティ名 オブジェクト名.メソッド名() と書きますが、上のdocument.getElementById().textContentの様に他にも オブジェクト名.メソッド名().プロパティ名 と続けて記述する場合も良く見ます。 こういう表記を見かけて場合も厳密には let 変数 = オブジェクト名.メソッド名(); 変数.プロパティ名; であり、最後のプロパティは別のオブジェクトに格納されたプロパティ という解釈で宜しいでしょうか? 詳しい方がいましたらお手数ですが ご教授お願いいたします。
質問日時: 2020/05/05 03:30 質問者: Kiyology
ベストアンサー
3
0
-
関数オプジェクトとは
教えてください。 プログラミング初心者です。 Javascriptの関数は関数オプジェクトで、ある種変数のようなものと同じされている記述があるのですが、 どういう意味なのかイメージできません。 関数ポインタとかコールバック関数とか何か関係もするのでしょうか?
質問日時: 2020/05/03 11:13 質問者: ymoshimoshi
解決済
2
0
-
id付きのHTMLテキストを変更→元に戻すと、クリックイベントが機能してくれません。
JavaScriptの、クリックで起動する関数なんですが、HTMLテキスト内の要素をクリックする事で起動させていました。このHTMLテキストの中身が変わるので、最初の(要素をクリックでイベント起動できる)状態に戻すと、今度は関数が動いてくれません。 具体的には以下のような感じです↓ 【HTML】 <div id="Msg"> <p> <ul> <li id="attack">こうげき</li> <li id="defense">ぼうぎょ</li> <li>アイテム</li> </ul> </p> </div> ゲームの戦闘シーン的なもので、#attack をクリックすると、HTMLテキストが変わったり、HPゲージが減ったりします。 その後、#Msg 内を上記の初期状態に戻すのですが、全く同じHTMLに戻しても、クリックイベントが起動しないのです。(chrome の検証機能(デベロッパーツール)でも特にエラー等も出ません) ちなみに、クリックで#Msg内を特に変更せず、別の要素(HPゲージ)だけを変化させるような場合は、複数回クリックしてもそのたびに作動してくれました。 なので、#Msg内を一旦書き換えた事で、見た目上(HTML上)元に戻しても何かがマズイって事のようですが・・・ どうしたら良いのでしょうか?
質問日時: 2020/04/19 22:48 質問者: J.P-Taro-
ベストアンサー
1
0
-
JavaScriptで、?マークとコロン(:)の意味が分かりません
JavaScriptは、初心者レベルの文法は理解しているつもりです(ドットインストールやProgateなどで学習しました)が、以下のサイトにある一文で、「?」マークや「:」が使われているのですが、これは全く初めてみるもので、何なのかさっぱり分かりません。 これは何でしょうか、そして使い方や解説ページなどもしありましたら教えて頂けると助かります! (もしくは、直接分かりやすく解説して頂けるならそれもありがたいです。) 【jQuery】クロスフェードで切り替わるシンプルな画像スライドショー https://on-ze.com/archives/1388 上記サイトの、「JavaScript の書き方」にあるコード内の、 var $next = $active.next("li").length?$active.next("li"):$("#slide ul li:first"); という部分です。? と : が使われている箇所です。こんなん初めて見たんですが・・・
質問日時: 2020/04/11 19:52 質問者: J.P-Taro-
ベストアンサー
2
0
-
javascriptの言語について
process.stdin.resume(); process.stdin.setEncoding('utf8'); var input_string = ""; var reader = require('readline').createInterface({ input: process.stdin, output: process.stdout }); reader.on('line', (line) => { // ここで入力を処理する input_string = line; }); reader.on('close', () => { // ここで出力する console.log(input_string); }); 上記のコードを体系的に教えていただきたいのですが、eラーニングのpaizaで学んでいるものです。 しかし、解説では、理解できないコードがあるので、質問するという経緯に至りました。 まず、 process.stdin.resume(); process.stdin.setEncoding('utf8'); こちらの2行コードは、こういうものだと覚えてくださいという解説なので、飛ばします。 var input_string = ""; var reader = require('readline').createInterface({ input: process.stdin, output: process.stdout こちらの ""; という部分は、なにかどこからかデータを読み込むということでしょうか。 var reader = require('readline').createInterface({ は、readerという変数に代入しているのだと思うのですが、requireは、読み込む。その後の('readline').createInterfaceという部分が、どういう意味かわかりません。教えてください。 input: process.stdin, output: process.stdout こちらは、何か読み込んで、記述するということでしょうか。 reader.on('line', (line) => { // ここで入力を処理する input_string = line; }); こちらのread.onとは、何でしょうか。その後の、('line', (line) => もわかりません。 input_string = line; こちらは、最初に記述した変数にlineというものを代入しています。 lineとは何なんでしょうか。 reader.on('close', () => { // ここで出力する console.log(input_string); こちらのread.onとは、何でしょうか。('close', () => も意味が分かりません。 長々となってしまいましたが、上記説明箇所で、比較的詳しい説明を求めます。 ご回答お待ちしております。どうぞ、宜しくお願い致します。
質問日時: 2020/03/30 21:22 質問者: finaltida108070809
ベストアンサー
2
0
-
webサービスを作るにあたり。
ただいまwebサービスを独学で作ろうとしている者です。 HTML5とCSS3の使い方がやっとわかってきた頃合いです。 JavaScriptをフロントエンドとして使いたいと思う場合、 "index.html"と"test.css"があったとして、 例えばJavaScriptは".js"で作るべきか、 htmlの中に<script>として入れるかにしようと思っています。おそらく後者を選択します。 どちらが良いと思いますか。 また、バックエンド言語でおすすめはありますか? JavaScriptをそのまま使いたいんですけど。初歩的なアルゴリズムが理解しづらいのです。 バックエンドの勉強でおすすめの書籍があれば教えてください・・・。
質問日時: 2020/03/29 21:58 質問者: bullredman
ベストアンサー
5
0
-
GAS トリガー 変更時 別のスプレッドシートから変更した場合
◆前提条件 2つのファイル(スプレッドシート)が登場します。 ファイルA →GASを実行するファイル。このファイルに後述するGASが記載されている。 ファイルB →ファイルAのGASによってこのファイルに値を書き込まれる。 ◆ファイルAにあるGAS function OshieteGoo(){ //別のファイルBを取得 var ss=SpreadsheetApp.openById("xxxxxxx"); //ファイルBのあるシートに「test」と入力する ss.getSheetByName("あるシートの名前").getRange(1, 1).setValue("test"); } ◆やりたいこと ファイルAのGASを実行したときに、ファイルBのあるシートの内容が更新されるが、ファイルBに設定されているトリガーを機能させたい。 ファイルBに設定しているトリガーは「スプレッドシートから - 変更時」。 ◆補足 ・どちらも自分がオーナーのファイルです(共有ファイルではありません)。 ・手動でファイルBの値を変更するとトリガーは実行されます。 ・トリガーの条件を「変更時」だけでなく「編集時」でもやりましたが結果は同じでした。 ・GAS実行時間は数十秒で完了する内容です。 これらについて思い当たることがありましたら教えていただけませんか?
質問日時: 2020/03/26 16:37 質問者: t000506g
ベストアンサー
1
0
-
javascript apiについて
javascriptのapiについて質問です webAPIとサードパーティAPIのちがいはなんですか? FileRoaderはwebAPIですか? webAPIはブラウザが搭載しているAPIで サードパーティAPIはTwitterAPIのようなhttpリクエストを送り使うAPIのことですか?
質問日時: 2020/03/21 07:41 質問者: ぐらぼー
解決済
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
最新のコラム/記事
-
マッチングアプリで出会ったカップルは成婚率が高い!?結婚カウンセラーに聞いてみた
パートナーとの出会いの場として、もはや主流となったネット婚活やマッチングアプリ。中でも手軽に登録できるマッチングアプリは、10代から50代と幅広い年代が利用している。一方で、“相手の目的が投資関係の詐欺や...
-
メダロット:第250話「Vol.250※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
メダロット:第249話「Vol.249※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
日本古来の伝統工芸「金継ぎ」で修復した食器は前と同じように使えるの?
大切にしている食器が割れてしまったら、きっと誰もが「元に戻したい」と願うだろう。「教えて!goo」にも「割ってしまったお気に入りの食器を復活できる?」という質問があり、最適な方法について様々な意見が寄せら...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<div>のタッチ状態を維持したままラ...
-
フォームが空欄の時にフォームの外...
-
プラグイン無しでContactform7にdat...
-
変数名をどのようにつけるのが良い...
-
階層別の組織図の自動作成について
-
条件に該当した時のみ定数を宣言す...
-
2段階プルダウンで1段階目の選択を...
-
読み込んだQRコードをフォームに受...
-
初心者です。gulpでコンパイルがで...
-
正規表現について質問です。条件に...
-
jQueryでシンセサイザーを作ってい...
-
メールフォームの日付入力フォーム...
-
二次元配列を使って順位をだすとき...
-
二次元配列の中の各行の要素をラン...
-
出発駅A、到着駅Bを選択すると、2.3...
-
スマホ上で、左右スワイプで次のペ...
-
【Google Apps Script】「ライブラ...
-
jQueryで同じクラス名のものを別物...
-
①入力フォーム→②確認表示画面→③送信...
-
プログラムについて。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次のペ...
-
読み込んだQRコードをフォームに受...
-
追加ボタンを押した際に ok ボタン...
-
①入力フォーム→②確認表示画面→③送信...
-
階層別の組織図の自動作成について
-
セレクトボックスで配列を呼び出し...
-
jsonテキストデータの並び替えがで...
-
【Google Apps Script】「ライブラ...
-
二次元配列を使って順位をだすとき...
-
初心者です。gulpでコンパイルがで...
-
jQueryで同じクラス名のものを別物...
-
HTMLでサブフレームから親のスクリ...
-
Colorboxがうまく設置できません
-
セレクトを全て選択されていないと...
-
画面遷移を行わずに同一ページでHTM...
-
フォームが空欄の時にフォームの外...
-
Googleフォームで選択肢に応じて次...
-
【GAS】WEBアプリでハイパーリンク...
-
jsで質問です。 ボタンが二つ存在し...
-
GASでチェックボックスを一括offしたい
おすすめ情報