『JavaScript』に関する質問・疑問一覧

次へ  ]
15647件中 1~20件目
  • Edge開発者ツールの画面サイズが変更できない

    F12を押して開発者ツールを表示させますが、 画面のサイズが変更できません。何かが変だと思いますが、サイズ変更はどのようにすればできますでしょうか?

    2020/05/23 17:00
  • jQuery eqメソッド 【eq】とは何の略?

    jQuery のeqメソッドの学習に入りました。 おおよそ使い方はわかりましたが [eq]とは何の略ですか? ざっと検索してみたのですが出てきませんでした。語源がわからないと何かすっきりしませんl ご存知の方いらっしゃいましたら教えて下さい。宜しくお願いします。 <ul> <li>インデックス0</li> <li>インデックス1</li> <li>インデックス2</li>  (赤色になる) </ul> $('li').eq(2).css('color','red'); ↑

    2020/05/22 21:39
  • javaScriptって何?

    javaScriptって何? 3行で教えてください。 いや4行で いや 五行で 何行でもいいので教えてください!

    2020/05/22 18:30
  • jQuery Progateの課題

    ProgateのjQuery中級をやっています。FAQの質問をクリックすると答えが出てくるというものを作成しています。 解説通りにやってみて完成はしたのですが、 if文の中にある('open')というクラスはCSSの中に存在しません。 元々存在しない('open')クラスを探して削除したり、加えたりする意味がわかりかねます。 例えばdisplay:none;などで非表示にしていたものに以下のようなCSSを加えるのであればまだなんとなく意味が理解できます。 .open{ display:block; } しかし、CSS内にクラス('open')は存在しません。 まだ初心者です。分かりやすく解説していただけると助かります。 よろしくお願いいたします。 if($answer.hasClass('open')) { $answer.removeClass('open'); …… else { $answer.addClass('open'); …… jQuery --------------------------------------- // FAQのアコーディオン $('.faq-list-item').click(function() { var $answer = $(this).find('.answer'); if($answer.hasClass('open')) { $answer.removeClass('open'); // slideUpメソッドを用いて、$answerを隠してください $answer.slideUp(); // 子要素のspanタグの中身をtextメソッドを用いて書き換えてください $(this).find('span').text('+'); } else { $answer.addClass('open'); // slideDownメソッドを用いて、$answerを表示してください $answer.slideDown(); // 子要素のspanタグの中身をtextメソッドを用いて書き換えてください $(this).find('span').text('-'); } }); --------------------------------------- HTML --------------------------------------- <h2>FAQ</h2> </div> <div class="faq"> <ul id="faq-list"> <li class="faq-list-item"> <h3 class="question">Progateの公式キャラクターはなんですか?</h3> <span>+</span> <div class="answer"> <p>にんじゃわんこといいます。忍者の格好をしたわんこです。ネコではありません。</p> </div> </li> <li class="faq-list-item"> <h3 class="question">にんじゃわんこはオスですか?それともメスですか?</h3> <span>+</span> <div class="answer"> <p>にんじゃわんこはオスです。</p> </div> </li> <li class="faq-list-item"> <h3 class="question">にんじゃわんこは何歳ですか?</h3> <span>+</span> <div class="answer"> <p>にんじゃわんこは14歳です。</p> </div> </li> </ul> </div> --------------------------------------- CSS --------------------------------------- #faq-list { width: 500px; margin: 0 auto; padding: 0; list-style: none; } /*アコーディオン追加 */ .faq-list-item { margin:10px; border-bottom:1px solid #ccc; position:relative; cursor:pointer; text-align: left; } .faq-list-item h3 { font-size: 14px; } .faq-list-item span { position:absolute; top:0; right:5px; color:#ccc; font-size:13px; } .answer { font-size: 12px; display: none; padding: 5px 0px; margin-bottom: 15px; } ---------------------------------------

    2020/05/17 22:49
  • PWAMPにするのが主流ですか?

    これから、自分のサイトをPWAかしようと思っているのですが、どうせならPWAMPにするのが主流ですか? PWAMPは分かりやすい情報がないので、もし後存知でしたら教えていただければ幸いです。 また、PWAなどにすれば、googleplayなどのアプリストアにWEBアプリも登録できるようになるのでしょうか? 共感した 0

    2020/05/16 01:17
  • jQuery読み込みについて プログラミング

    ホームページの入力フォーム作成で入力フォーム→確認画面の表示するコードを書いているのですが、実際に書いたコードは一番下のURLにあります」 書き方は下のURL(1)のサイトに載っている書き方と全く同じコードを書いているのですが (1)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:34
  • JavaScriptのエラーの原因

    あるコードでエラーがでて原因がさっぱり解りません。下記コードは、そのエラーが消えないように最小限のコードにそぎ落としたものです。四角が大きくなったり小さくなったりするだけのアニメーションです。buttonを押すとエラーになります。consoleに赤色で0と表示されるだけのエラーです。かれこれ1ヶ月くらい解決できません。これはいったい何のエラーなのでしょうか? <html> <body> <button>button</button> <div id='example'></div> <script src="https://d3js.org/d3.v5.min.js"></script> <script> const svg =d3.select("#example") .append("svg") .attr("width",300) .attr("height",150) let path = svg.selectAll("path") .data([0]) .join("path") .attr("d","M0,0 L300,0 300,150 0,150") async function plot(){ let b=0; try{ while(true){ await path .data([0]) .transition() .delay(1000) .duration(1500) .attr("d",b?"M0,0 L300,0 300,150 0,150":"M0,0 L30,0 30,15 0,15") .end(); b=!b } }catch(e){// このcatchがないと Uncaught (in promise) と表示される console.error(e); } } d3.select("button") .on("click",() => { path.interrupt() ; plot(); }) plot(); </script> </body> </html>

    2020/05/13 19:45
  • javascript 3項演算子について

    d.index = d.parent ? d.parent.index = d.parent.index + 1 || 0 : 0 上記3項演算子なのですが、 d.parentが存在した場合は下記が返ると思うのですが、この意味がちょっと解りません d.parent.index = d.parent.index + 1 || 0 どう理解すればいいのでしょうか?

    2020/05/09 11:28
  • jqmeterで100%になってしまう

    お世話になります。 javaScriptは初心者なので説明が拙く見づらいかもしれませんが 何卒ご容赦頂ければと思います。 早速質問なのですが、JQueryのプラグインにjqmeterという プログレスバーを表現できるものがあるのですが、 これがgoal > raisedとなっているにも関わらず 100%と表示されてしまいます。 現象としては、オプション値にあるdisplayTotalをtrueにすると メーターの結果を%表示にしてくれるようになるのですが、 メーターに与える値を例えば下記のようにすると 本来であれば99%となってほしいところを、100%となってしまいます。 ■設定値 goal:'1000' raised:'999' 値が小さいと問題ないようなのですが、 双方大きくなったときの差が小さいとどうやらダメなようです。 調べた限りですと、jqmeter.min.jsの e(t).children(".outer-therm").children(".inner-therm").children().text(Math.ceil(this.Counter)+"%") というところで%表示しているようなのですが、 ここのMath.ceilの影響で切り上げされているから、というところまではわかりました。 しかし、ここを仮にMath.floorにすると今度はgoal = raisedとなっているのに 99%となってしまいます。 そこでthis.Counterがどういう値になっているのか確認したところ、 ・goal:'1000' ・raised:'999' で99%にはなるようになったのですが、 下記の設定値では ・goal:'1000' ・raised:'1000' 何故か100%にならず以下のような結果が返ってきます。 ・this.Counterの結果値:99.99500359598767(%) そもそもthis.Counterの値が正しくない感じなので、 どうしようもないように思えるのですが どなたかお分かりになるからご助言ご教示頂けますと幸いです。 よろしくお願いいたします。

    2020/05/08 13:59
  • ワードでセルを1ページに43列を表示する方法

    上記ようにワード2019でセル列.行の表を1ページに43列表示する方法を教えて下さい Windows8.1 ワード2019です

    2020/05/08 11:00
  • vue.jsのデータベース操作について

    vue.jsを学習しているのですが、サイトや教材の事例で、データベースを操作するフェーズでは、なぜかFirebaseを使ったり、rails、laravel、もしくはNode.jsをバックエンドにした事例ばかりが出てきます。 vue.jsがデータベースを直接、操作することはできないのでしょうか?

    2020/05/03 13:49
  • imgとaudioをセットで重複なくランダム切替え

    以下のHTMLのように 一つのページに画像に合わせたaudioボタンを配置して 画像をクリックするたびに、9個くらいの画像とmp3をセットで ランダムに切り替えをしたいのですが以下のものだと 切り替えまではできるのですが、同じものが続いてしまったりします。 9個ランダムに切り替わるまでは重複無しで 9個終わったら、また最初からランダムに並び変えるようにしたいです。 どのように、組めば可能でしょうか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(function(){ var maxNum = 9, // 最大枚数 rdm = Math.floor(Math.random()*(maxNum))+1; $('#randomShow').attr('src', 'image/cat' + rdm + '.png'); $('#randomSound').attr('src', 'sound/cat' + rdm + '.mp3'); }); </script> </head> <body> <img src="image/cat1.png" id="randomShow" onclick="location.reload(true);"> <audio src="sound/cat1.mp3" id="randomSound" controls></audio> </body> </html>

    2020/04/28 17:35
  • JavaScript 自体のソースコード

    JavaScript 自体のソースコードって見ることできますか? あるコードを試していてエラーをcatchしたのですが、catchしたのがErrorオブジェクトではなく単なる配列でした。自分ではthrowしてないし、使用しているライブラリのD3jsのソースコードをダウンロードしてthrow部分を見たのですが、値のみをthrowしている場所がありません。 残りはJavaScript自体のthrow部分を見るしかないのですが、そんなことできますか?

    2020/04/24 16:58
  • IF文の省略?構文が良く分からない

    下記のnull!==e&&(e.innerHTMLはどう理解すればいいのでしょうか? IFの省略でもないようなのですが、、、 displayResult:function(t){ let e=document.getElementById("result"); null!==e&&(e.innerHTML=t,e.style.display="block") } 処理自体は下記と同じかと思いますが、ショートハンドでも詳しく知りたいと思っています。ぜひ宜しくお願い致します。 (function(t){ let e=document.getElementById("result"); if(e){ e.innerHTML=t; e.style.display="block"; } })(aaa);

    2020/04/17 17:15
  • JavaScript 遷移中止できない

    下記のようなコードで 「本当に画面遷移してもいいですか?」にいいえを答えたら、 falseが返され、遷移が中断されるようにしたかったのですが、 遷移してしまいます。 なぜか考えてもわからないので、ご存知の方がいたら教えて頂きたいです。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <a href="https://www.--------">サイトへ遷移します</a> <script language="javascript" type="text/javascript"> function func_check(){ if( confirm("本当に画面遷移してもいいですか?") ) { return true; } else { return false; } } </script> </body> </html>

    2020/04/15 17:38
  • JavaScript表示切替の問題

    ボタンを押すたびに、こんにちはとこんばんはが切り替わるようにしたいのですが、 切り替わりません。なぜかわかる方がいたら教えて頂けると助かります。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id="1">こんにちは</div> <input type="button" value="切替" onclick="func_switch()"> <script language="javascript" type="text/javascript"> function func_switch(){ if(document.getElementById(1).innerHTML="こんにちは"){ document.getElementById(1).innerHTML="こんばんは"; } else{ document.getElementById(1).innerHTML="こんばんは"; } } </script> </body> </html>

    2020/04/15 17:19
  • innerHTMLに追記した場合のjs動作

    WSHなどでIEオブジェクトを用いて、 documnet.innerHTML += などでHTMLを動的に生成した場合、 <script>内に記述したものが動作しません。 これはどの様にするべきでしょうか? ※別途HTMLを作成せずに動的なhtml生成での話になります。

    2020/04/01 16:45
  • 教えてください

    <form action="chackbox.php" method="post"> <table> <tr> <th>1</th><th>2</th><th>3</th><th>4</th> </tr> <tr> <td><input type="radio" name="R1" value="1"></td> <td><input type="radio" name="R1" value="2"></td> <td><input type="radio" name="R1" value="3"></td> <td><input type="radio" name="R1" value="4"></td> </tr> <tr> <td><input type="radio" name="R2" value="1"></td> <td><input type="radio" name="R2" value="2"></td> <td><input type="radio" name="R2" value="3"></td> <td><input type="radio" name="R2" value="4"></td> </tr> <tr> <td><input type="radio" name="R3" value="1"></td> <td><input type="radio" name="R3" value="2"></td> <td><input type="radio" name="R3" value="3"></td> <td><input type="radio" name="R3" value="4"></td> </tr> <tr> <td><input type="radio" name="R4" value="1"></td> <td><input type="radio" name="R4" value="2"></td> <td><input type="radio" name="R4" value="3"></td> <td><input type="radio" name="R4" value="4"></td> </tr> <tr> <td><input type="radio" name="R5" value="1"></td> <td><input type="radio" name="R5" value="2"></td> <td><input type="radio" name="R5" value="3"></td> <td><input type="radio" name="R5" value="4"></td> </tr> <tr> <td><input type="radio" name="R6" value="1"></td> <td><input type="radio" name="R6" value="2"></td> <td><input type="radio" name="R6" value="3"></td> <td><input type="radio" name="R6" value="4"></td> </tr> <tr> <td><input type="radio" name="R7" value="1"></td> <td><input type="radio" name="R7" value="2"></td> <td><input type="radio" name="R7" value="3"></td> <td><input type="radio" name="R7" value="4"></td> </tr> <tr> <td><input type="radio" name="R8" value="1"></td> <td><input type="radio" name="R8" value="2"></td> <td><input type="radio" name="R8" value="3"></td> <td><input type="radio" name="R8" value="4"></td> </tr> <tr> <td><input type="radio" name="R9" value="1"></td> <td><input type="radio" name="R9" value="2"></td> <td><input type="radio" name="R9" value="3"></td> <td><input type="radio" name="R9" value="4"></td> </tr> <tr> <td><input type="radio" name="R10" value="1"></td> <td><input type="radio" name="R10" value="2"></td> <td><input type="radio" name="R10" value="3"></td> <td><input type="radio" name="R10" value="4"></td> </tr> </table> <input type="submit" value="点数の計算、タイプを決定します"> ここのsubmitボタンを押したときに、nameのR1+R5+R10のvalue1から4の合計の足し算をした後に11を引く処理をしたいです。ここが間違っていたら、JavaScriptやPHP、どちらでもいいんで、処理のコードを教えてくださいお願いします ▼ 点数 =11-(設問R1+R5+R10であなたが丸をつけた数字の合計点) (  点)

    2020/03/29 17:07
  • 急ぎです教えてください

    JavaScriptあるいはPHPのラジオボタンを使って表を作り 縦列の計算をしたいと考えています。     abcd 1-1◎ 2○ 3○4○ 2-1◎ 2○ 3○4○ 3-1○ 2◎ 3○4○ 4-1○ 2○ 3◎4○ ◎になっている縦列(a~c列)の数値と チェックされた数はどのようなプログラムを使うと計算できるのでしょうか? ※この場合、    合計はa:2/b:2/c:3/d:0   合計のー1の合計のa:1/b:1/c:2/d:-1 ご教授頂ければ幸いです。 よろしくお願い致します!

    2020/03/29 15:12
  • chartjsでグラフを選択制にしたい

    chartjsで折れ線グラフを作成しています。 凡例をクリックするとグラフが表示・非表示と切り替わるように、セレクトボックスの選択で表示・非表示を切り替えたいです。 ご教授ください。 よろしくお願いいたします。 下記、現在のコードです。 HTML <select multiple="multiple" name="accessCount" class="select-block" title="アクセス数"> <option value="0">サンプル1</option> <option value="1">サンプル2</option> <option value="2">サンプル3</option> <option value="3">サンプル4</option> </select> <canvas id="chart-line" style="max-width: none"></canvas> js ※文字数上、datasetsの諸々の設定は省略してあります。 var data = { labelsY: ["01\/28 12:00","01\/29 00:00","12:00","01\/30 00:00","12:00"], sample1: [2,0,0,0,0], sample2: [1,0,0,0,0], sample3: false, sample4: false }; var lineData = { labels : data.labelsY, datasets: [ { label: "サンプル1", data: data.sample1, yAxisID: "leftNumberOfPeopleYaxis" }, { label: "サンプル2", data: data.sample2, yAxisID: "leftNumberOfPeopleYaxis" }, { label: "サンプル3", data: data.sample3, yAxisID: "leftNumberOfPeopleYaxis" }, { label: "サンプル4", data: data.sample4, yAxisID: "leftNumberOfPeopleYaxis" }, ], }; var ctx2 = document.getElementById("chart-line").getContext("2d"); var myLineChart = new Chart(ctx2,{ type: 'line', data: lineData, options: { legend: { display: false } }, scales: { xAxes: [ { ticks: { autoSkip: false, } } ], yAxes: [ { id: 'leftNumberOfPeopleYaxis', type: 'linear', position: 'left', scaleLabel: { display: true, labelString: 'アクセス数', }, ticks: { beginAtZero: true, callback: function(value) {if (value % 1 === 0) {return value;}} } }, { id: 'rightTimeYaxis', type: 'linear', position: 'right', scaleLabel: { display: true, labelString: '待機時間', }, ticks: { beginAtZero: true, callback: function(value) {if (value % 1 === 0) {return value;}} } }, ] } } });

    2020/03/25 15:00

ピックアップ