JavaScript

全16008件中221～240件表示
  • JavaScriptの実行結果を表示するには？

    いつもお世話になりありがとうございます。 添付のように、画面下に表示できました。 標記の件。 JavaScriptの実行結果を表示できるようにするには どうしたらよいでしょうか？ ご回答のほど宜しくお願い申し上げます。

  • Chrome [F12]

    いつもお世話になりありがとうございます。 Chrome で[F12]を押すと、画面右4分の1に訳の分からない内容が 表示されます。 本意はJavaScriptに関して画面下に表示させたいのです。 どうすればいいでしょうか？ ご回答のほど宜しくお願い申し上げます。

  • 保存場所は？

    いつもお世話になりありがとうございます。 JavaScriptを書いた保存場所はどこがいいと思いますか？ ご回答のほど宜しくお願い申し上げます。

  • コンパイルエラー

    どくがおかしいのでしょうか？ JavaScriptです。 <!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScriptの練習</title> </head> <body> <script> var traffic-light = { blue: "go", yellow: "slow down", red: "stop" } console.log(taffic-light.blue); </script> </body> </html>

  • jsは、フラグは2つが限界???

    javascritにおいて、フラグを立てられるのは、2つが限界なのでしょうか。 jsにおけるフラグの立て方を紹介したサイトでは、いずれも、trueもしくはfalseの場合分けしかなく、3パターン目の記述が存在しませんでした。 例えば、1～100までの間の数を設定し、その中から、3の倍数をtrueと返し、それ以外をfalseと返すプログラムなら設定可能ですが、そこから先、falseの中から、5の倍数にtrueと返し、他をfalseと返すプログラムを作ろうとするのは、無理なのでしょうか。 もし可能であれば、回答をお願いできたら幸いです。 尚、フラグは、var 何ちゃらFlag = true;と設定した場合を想定します。省略せずにお願いします。

  • JA

    PERLの中にJAVESCRIPTがあり、PERLの共通変数を呼びたい。どうしたらよいですか？${STR_CHANGEPASSWD_CHEC}と${STR_HALF_WIDTH_CHECK};を読みたい。 <script type="text/javascript" language="JavaScript"> <!-- function input_check(){ var num = document.f1.pwd_man.value; if (num != "") { if(!isNaN(num)){ alert(" . ${STR_HALF_WIDTH_CHECK}; . "); return; } } if(! confirm(" . ${STR_CHANGEPASSWD_CHEC} . ")){return;} move(); } //--> </script>

  • JAVASCRIPT

    JAVASCRIPT内にwindow.confirmの中にPHPを入れたい。どうしたらいいでしょうか？ <script> function onClickSave() { if(document.form.reportValidity() && window.confirm('<?php echo $PASSSWRD_CHANGE[STR_PASSWD_UPDATE] ?>)'){ document.form.submit(); } } </script>

  • undef datalistがundefinedに

    javascript datalistがundef datalistがundefinedになります。 var datalist = { data3: "hoge3", } // str=[]; var a = { data1: "hoge1", data2: "hoge2" } function SaveDataToLocalStorage(datalist) { var a = []; a.push(JSON.parse(localStorage.getItem('session'))); localStorage.setItem('session', JSON.stringify(a)); // Parse the serialized data back into an aray of objects a = JSON.parse(localStorage.getItem('session')) || []; // Push the new data (whether it be an object or anything else) onto the array alert(datalist); a.push(datalist); console.log(datalist); // Alert the array value alert(a+"datalist"); // Should be something like [Object array] // Re-serialize the array back into a string and store it in localStorage localStorage.setItem('session', JSON.stringify(a)); }

  • jsで関数宣言→関数式の変換の仕方をご教授ください

    以下は、javascriptの構文の一部です。 構文の中で、function changeDiaType(DiaDay)と書くと、構文チェックサイトで、関数宣言→関数式への返還を求められました。 関数宣言→関数式への変換をお願いいたします。省略なしでお願いします。 function timeButtonInterfaceUpdate() { //引数がtrueなら、リアルタイムモードのインタフェースに if(true) { realtimeUpdate = true; document.getElementById("realTimeModeStatusDiv").innerHTML = "　リアルタイム表示中　"; //ドロップダウンリストの有効化 document.form1.updateIntervalSelect.disabled = false; } else { realtimeUpdate = false; document.getElementById("realTimeModeStatusDiv").innerHTML = "リアルタイム表示にする"; //ドロップダウンリストの無効化 document.form1.updateIntervalSelect.disabled = true; //もしタイマーが事前にかかっていたら、止める clearInterval(updateIntervalTimer); function changeDiaType(DiaDay) { if(DiaDay == 2) { document.getElementById("todayDiaDaySpan").innerHTML = "土曜ダイヤ"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#fcf"; DiaDay = 2; } else if(DiaDay == 1) { document.getElementById("todayDiaDaySpan").innerHTML = "土・休日ダイヤ"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#fcf"; DiaDay = 1; } else { document.getElementById("todayDiaDaySpan").innerHTML = "　平日ダイヤ　"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#9ff"; DiaDay = 0; } }}}

  • HTML　ドロップダウン~のデータ取得の仕方

    このサイトで勉強させてもらいながら、下記の「やりたいこと」を目指して、下記のソースで表にドロップダウンを組み込んだものまで作成することができました。 その次のドロップダウンからのデータ取得、その後のチェックボックスを使った選択されたものだけが計算される方法でつまずいてしまいました。 やれる方法をご存じの方教えていただけないでしょうか。 よろしくお願いします。 （やりたいこと） １．列AAAにあるドロップダウンリストを選択すると列BBBにAAAとあらかじめ関連付けられた数値が入ります。列CCCとDDDはinput（入力欄です）。 ２．1行目(1.TM)とチェックボックスで選択された行のみ列AAAの文字列と列BBB～列DDDの数値が計算されたものが、上の計算ボタンの横のBOXに表示される。 　（計算） 　チェックされた行ごとで「BBB＊（CCC＋DDD)」を計算し、1.TMとチェックされた行で「ＴＭ行の計算結果/(チェックされた行の計算結果の集計)）％」をそれぞれ計算し、計算結果に「１．ＴＭ：〇〇％、２，bbb：△△％」と表示させる。 ーーーー現在まで記載したソースコードーーーー <!DOCTYPE hrml> <meta charset="utf-8"> <title></title> <style></style> <body> 　<INPUT type="button" value=" 計算 " onClick="calc() "> 　<INPUT name="y" size=30><BR> <table border="1"> <tr> <td></td> <td>ＡＡＡ</td> <td>ＢＢＢ</td> <td>ＣＣＣ</td> <td>ＤＤＤ</td> </tr> <tr> <td></td> <td>1.ＴＭ</td> <td><INPUT name="a_name" size=10 value ="300"></td> <td><INPUT name="a_int" size=10 value ="1"></td> <td><INPUT name="a_Hnum" size=10 value ="1"></td> </tr> <tr> <td><input type="checkbox" ></td> <td>2.<select id="A"></select></td> <td><INPUT name="b_mw" size=10 value ="80"></td> <td><INPUT name="b_int" size=10 value ="0.2"></td> <td><INPUT name="b_Hnum" size=10 value ="2"></td> </tr> <tr> <td><input type="checkbox" ></td> <td>3.<select id="B"></select></td> <td><INPUT name="h_mw" size=10></td> <td><INPUT name="h_int" size=10></td> <td><INPUT name="h_Hnum" size=10></td> </tr> <tr> <td><input type="checkbox" ></td> <td>4.<select id="C"></td> <td><INPUT name="i_mw" size=10></td> <td><INPUT name="i_int" size=10></td> <td><INPUT name="i_Hnum" size=10></td> </tr> </table> <script> function calc() { document.y.value = A; } function isObject (arg) { 　return arg !== null && 'object' === typeof arg && 'Object' === arg.constructor.name; } function createOptions (...args) { 　const 　　vaild = ['string', 'number'], 　　fgm = document.createDocumentFragment (); 　for (let arg of args) { 　　if (null === arg) 　　　continue; 　　let parent = fgm; 　　//オブジェクト型でラベルがあれば optgroup と見なす 　　if (isObject (arg)) { 　　　let { label, options } = arg; 　　　if (label) { 　　　　let optgroup = document.createElement ('optgroup'); 　　　　optgroup.label = label; 　　　　parent = parent.appendChild (optgroup); 　　　} 　　　arg = Array.isArray (options) ? options: [options]; 　　} 　　else 　　　arg = [arg]; 　　//配列ならば 　　parent.append (...arg.map (a=> Array.isArray (a) ? new Option (...a): new Option (a, a))); 　} 　return fgm; } //_________________ let a = createOptions ("選択して下さい", ["abc", 1], ["def",2], ["nnn",3]); let s = [A, document.getElementById ('B'), document.querySelector ('#C')]; s.forEach (e=> e.appendChild (a.cloneNode (true))); </script>

  • HTML　同じ項目のドロップダウンを複数個所に

    htmlを勉強中の初心者です。 同じ項目のドロップダウンメニューを複数個所に作成することを考えています。 同じ項目の<select>タグを複数個所に張り付けることで、目的のことができました。しかし、ドロップダウンの項目（内容、項目数）を変更することがあり、その都度全個所を変更することを避け、項目のデータは一つにしておきたいと考えています。 このようなことを行うことは可能でしょうか？ ご存じの方教えていただけないでしょうか。

  • jsのfunctionの中に変数の入れ方について

    jsのfunctionの中にDiaDay定義の変数を入れたいです。 下はもともとの構文です。 function changeDiaType() { if(DiaDay == 0 && 1) { document.getElementById("todayDiaDaySpan").innerHTML = "土・休日ダイヤ"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#fcf"; DiaDay = 2; } else if(DiaDay == 0 && 2) { document.getElementById("todayDiaDaySpan").innerHTML = "　土曜ダイヤ　"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#0f0"; DiaDay = 1; } else { document.getElementById("todayDiaDaySpan").innerHTML = "　平日ダイヤ　"; document.getElementById("todayDiaDaySpan").style.backgroundColor = "#9ff"; DiaDay = 0; } 次のfunction changeDiaType()の()の中にDiaDayで定義した変数を入れたいのですが、どのように記述すればよいのでしょうか。 記述は省略せずに全部お書きくだされば幸いです。

  • javascriptのフラグは分岐可能ですか。

    //平日ダイヤか土・休日ダイヤかを判定する function dayJudge(year, month, date, day) { //alert(year +" "+ month +" "+ date +" "+ day) //フラグ var weekdayFlag = true; //月〜金なら立てる if(day >= 1 && day <= 5) weekdayFlag = true; else weekdayFlag = false; 以下はフラグの使い方の一例です。 フラグの書き方は、恐らくvar 任意名Flag = True;という形になると思います。 これをさらに分岐するとき、どういう風な書き方をするのでしょうか。 それとも、別なプログラムが必要ですか。

  • HTML　チェックボックスで複数の値

    初心者です。 HTMLで下記のような計算ができるシートを作成しようと思っています。 表 　　A　B　C □　D　E　F □　G　H　I [計算] （□はチェックボックス） チェックボックスをチェックし、計算ボタンを押すと1行目（A,B,C)と選択したチェックボックスの行のそれぞれの列の値の割り算を行い、その結果を合計した数を表示させることを考えています。 チェックボックスをチェックすることでデータを一つ取り込むことはできたのですが、複数データ（列データ）を取り込む方法がよくわかりません。 ご存じの方教えていただけないでしょうか。 初心者ですので、実際のコードから教えて頂けるとありがたいです。 よろしくお願いします。　

  • GSAPスライダー作成（10個）の指導の相場

    GSAPスライダー作成（10個）の指導の相場はいくらぐらいになりますか？

  • /blank.html サイトへのアクセスについて

    Safariにて、URL最後に/blank.htmlのついたリンクへアクセスした際、真っ白のページでなにも表示されませんでした。 なので、/blank.html を消したURLにアクセスするとページが表示されました。 何も分からず、調べてみると、セキュリティーのことや、危険などとあり、不安です。 この/blank.htmlのURLにアクセスした場合、どのような危険があるのでしょうか？ また/blank.htmlを消したあとのURLへのアクセスは大丈夫なのでしょうか？ 詳しい方、教えていただけると幸いです。 よろしくお願いします。

  • excelでのセルの塗りつぶし色を数値で指定

    excelでセルの塗りつぶし設定をおこなう場合に その色を数値で指定することはできないでしょうか？ 例えば　セルA1は”10”の赤、Ａ２は11”の赤　Ａ３は”12”の赤 といった感じで少しずつ濃い又わ薄い色指定ができればありがたいです。 使用しているｏｆｆｉｃｅはoffice365です。

  • カウントダウンタイマー　終了後別ページジャンプ

    はじめてで 勉強中でカウントダウンタイマーをJavaScriptだけで作ってみました。 <script> window.onload=function countDown(){ setInterval(function countDown(){ //自分で記述する y = 2022;//年 m = 2;//月 d = 13;//日 xday = new Date(y,m-1,d,00,00,00); today = new Date(); setTime = xday.getTime() - today.getTime(); //ミリ秒を日時に変換 days = Math.floor(setTime / 86400000); jikan = Math.floor((setTime % 86400000) / 3600000); hunn = Math.floor(((setTime % 86400000) / 60000) % 60); byou = Math.floor(((setTime % 86400000) / 1000) % 60 % 60); miri = Math.floor((setTime % 86400000) % 60 % 60 % 100); //0-9には0を付け足す if(jikan<10){jikan = '0' + jikan;} if(hunn<10){hunn = '0' + hunn;} if(byou<10){byou = '0' + byou;} if(miri<10){miri = '0' + miri;} //出力 if(xday > today){ var str = "残りあと"+"<span>"+days+"</span>"+"日"+"と"+"<span>"+jikan+"</span>"+"："+"<span>"+hunn+"</span>"+"："+"<span>"+byou+"</span>"+"："+"<span>"+miri+"</span>"+"<br />"; document.getElementById("countDown").innerHTML=str; }else{ var str = "販売は終了致しました"; document.getElementById("countDown").innerHTML=str; window.location.href = 'https://www.yahoo.co.jp/'; } },10); } </script> カウント終了後には別ページに5秒後にジャンプさせたいです。 上記のコードをWPに実装してページを開いてみると、 カウントダウンは動きます。 ただ、終了後に別ページにジャンプしません。 カウント終了後、何回もリロードされて、やっとページがジャンプしたと思ったら「サーバーエラー」となり画面が真っ白になります。 window.location.href = 'https://www.yahoo.co.jp/'; ここの書き方が間違っている・・と思うのですが、どうすれば正常に動くのかがわかりません。 アドバイスをお願いできないでしょうか。 よろしくお願いいたします。

  • JAVASCRIPT

    JAVASCRIPTでチェックボタンがチェックされなかったら、無効になる処理を教えてください。 <script> function butotnClick(){ if(check1.checked || check2.checked || check3.checked || check4.checked || check5.checked || check6.checked || check7.checked){ }else{ alert('曜日をチェックしてください'); document.f1.submit(); } } </script> <input type="button" value="設定" onclick="butotnClick()" />

  • javaScriptでカレンダーを作成したい

    カレンダーをjavaScriptで作成しております。 tableをflexして２段のカレンダーです。 ①次へや前へのボタンを押すと前のが削除されず下へ増えていってしまいます。 ②矢印を２回押したら次の次の月を表示したいのができません。 ご教授お願いいたします。 Java Script let topicsData = [ ["1", "1日です"], ["4", "4日です"], ["9", "9日です"], ["15", "15日です"], ["27", "27日です"] ] function showProcess(year, month) { const lastday = new Date(year, month + 1, 0).getDate() + 1; const topics = new Array(); for (i = 0; i <= lastday; i++) { topics[i] = ""; } for (i = 0; i < topicsData.length; i++) { topics[topicsData[i][0]] = topicsData[i][1]; } //HTMLタグをつくる const table = document.getElementById("calendarleft"); for (let i = 1; i <= 15; i++) { let tr = document.createElement("tr"); //tdタグ(日付)　　　 let td = document.createElement("td"); td.textContent = i; //tdタグ(曜日)　　 day = new Date(year, month, i); days = day.getDay(); weekjp = new Array("日", "月", "火", "水", "木", "金", "土"); weeks = weekjp[days]; let tdWeek = document.createElement("td"); tdWeek.innerText = weeks; //tdタグ(トピックス)　 let topicsText = document.createElement("td"); topicsText.innerText = topics[i]; console.log(topics[i]); //HTMLに表示させる document.querySelector('#header').innerHTML = (month + 1) + "月"; table.appendChild(tr); tr.appendChild(td); tr.appendChild(tdWeek); tr.appendChild(topicsText); } const table2 = document.getElementById("calendarright"); for (let i = 16; i < lastday; i++) { let tr = document.createElement("tr"); //tdタグ(日付)　　　 let td = document.createElement("td"); td.textContent = i; //tdタグ(曜日)　　 day = new Date(year, month, i); days = day.getDay(); weekjp = new Array("日", "月", "火", "水", "木", "金", "土"); weeks = weekjp[days]; let tdWeek = document.createElement("td"); tdWeek.innerText = weeks; //tdタグ(トピックス)　 let topicsText = document.createElement("td"); topicsText.innerText = topics[i]; console.log(topics[i]); //HTMLに表示させる document.querySelector('#header').innerHTML = (month + 1) + "月"; table2.appendChild(tr); tr.appendChild(td); tr.appendChild(tdWeek); tr.appendChild(topicsText); } } const today = new Date(); let showDate = new Date(today.getFullYear(),today.getMonth(),1); window.onload = function () { showProcess(today.getFullYear(),today.getMonth()); }; function prev() { showProcess(showDate.getFullYear(),showDate.getMonth()-1); } function next() { showProcess(showDate.getFullYear(),showDate.getMonth()+1); }

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

カテゴリ