回答数
気になる
-
Javascript 現在時刻を出す方法
ページを読み込んだ時、onloadで関数を呼び出しその関数のなかで現在時刻を取得し、ページに記述する。 という動作を行いたいんですがネットで調べたコードをまねて作成しても何も起こりません。 以下はhtmlのheadの中に直節書き込んだコードです。(関数名などは省いております) var hidukenow =newData(); var year =hidukenow.getFullYear(); var month =hidukenow.getMonth()+1; var week =hidukenow.getDay(); var day =hidukenow.getData(); var yobi=new Arry("日","月","火","水","木","金","土"); document.getElementById("hiduke").innerHTML="西暦"+year+"年"+month+"月"+day+"日"+yobi[week]+"曜日"; 上記のnewArryまではネットから参考し、下のdocumentでidを取得しinnnerHTMLで直接書き込むようにコードを書いたのは自分で考えました 最後のinnnerHTMLをtextContentに直しても変わりません。 またHTMLのbody内では<p id=""></p>と、記述しましたがpをspanに変えても結果は同じでした。 記述そもそもが間違っているのでしょうか?ご教示お願いします。
質問日時: 2019/02/18 16:56 質問者: 新米なり
解決済
1
0
-
Javascript ページ読み込んだら別の画面を呼び出す方法
codepenにて仮で自分のサイトを作成しようと思い、画面を読み込む間ロード中のアニメーションをCSSで表示させ、読み込み終えた後で関数でアニメーションを消す動作をHTML内に書き込んだのですが全く反応がありません。 実際に記述した場所→ https://codepen.io/kazunaru/pen/jdxLby document.getElementsClassName("sk-cube-grid").style["display"]="none"; document.getElementById("meinsite").style["display"]="inline"; ページを読み込むのが完了したらクラスを読み取り、ロードのアニメーションを非表示にしてメインテキストのidを取得して表示させる。 という動作をしたいのですが実際にはメインテキストが隠れたままでロードのアニメーションが残ったままです。codeペンにJSを書く際何度か読み取ってもらえず実行できないこともありました。 HTMLにJSを書く場所がおかしいのかまたはそもそも記述がおかしいのかご教示願いたいです。 また、まだHTML,CSS,javascriptを学んで1か月も経たないのでコードの読みにくさや記述がおかしいところが多々あると思いますがその辺も併せて何かアドバイス頂けましたら幸いです。
質問日時: 2019/02/17 19:09 質問者: 新米なり
ベストアンサー
1
0
-
改行をしたいが、<br>となって出来ない
https://codepen.io/LandonSchropp/pen/xLtif こちらのscriptの words = [ "the", "of", "and", …]; に日本語を入れて、なおかつ途中で改行をしたいと思っています。 例 words = [ "ああ\nあああ", "いいいい\nいいい", "うううう\nううう", …]; 合間に\nを入れて、replaceで元のコード $word.text(word); を $word.text(word.replace(/\n/g,"\<br /\>")); と書いたのですが、ソースでは<br>が <br> ↓ソース <h1 style="background-color: hsl(288, 100%, 50%);"><svg xmlns="http://www.w3.org/2000/svg" role="img"><title class="title">Random</title><text class="word" dominant-baseline="central" fill="#222" stroke="#222" stroke-linecap="round" stroke-width="1.5%" text-anchor="middle" x="50%" y="50%">いいいい<br />いいい</text><text class="word" dominant-baseline="central" fill="white" text-anchor="middle" x="50%" y="50%">いいいい<br />いいい</text></svg></h1> と表示され、ブラウザで見ると<br>と表示され、改行はされぬままです。 色々と自分で検索して調べてはいるのですが、知識不足で分かりません。 お分かりになる方、助けて頂けませんでしょうか
質問日時: 2019/02/15 10:47 質問者: isa130
ベストアンサー
4
0
-
JavaScriptについて
うまく説明できないのですが、 このサイトでいうトップ、回答コーナー、新着みたいな感じでメニューバー(?)を作るにはどうすればいいんでしょう? あと、スムースクロールの方法も教えてください。 参考サイトなどありましたらそれも是非教えてください
質問日時: 2019/02/13 00:17 質問者: Kar_kiredi
解決済
4
0
-
JavaScript、CSSについて
https://huuuu.jp このサイトのように常に特定の位置にメニューバー(?)を表示すのってどうすればいいんでしょう? 押したらスムースクロールもできるようにしたいです! 参考サイトなどありましたら是非教えてください!!
質問日時: 2019/02/12 23:37 質問者: Kar_kiredi
ベストアンサー
1
1
-
jQery を JavaScript に 変更するのを教えてください
JavaScriptで MDNのクリップボードとのやりとりをしています。 クリップボードとのやりとり https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard このページのソースを変更しようと思っています。 jQeryならうまくいきます。 ## html <input id="input" type="text"/> <button id="copy">Copy</button> ## jQery function copy() { var copyText = document.querySelector("#input"); copyText.select(); document.execCommand("copy"); } document.querySelector("#copy").addEventListener("click", copy); を JavaScript に 変更しようと ## JavaScript function copy() { var input2 = document.getElementById("input"); var copyText = document.querySelector(input2); copyText.select(); document.execCommand("copy"); } var copy2 = document.getElementById("button"); document.querySelector(copy2).addEventListener("click", copy); としています。 しかし、 うまくいきません。 エラーがでます ## エラー Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '[object HTMLButtonElement]' is not a valid selector. どうすればよいのでしょうか?
質問日時: 2019/02/12 23:01 質問者: DarrylBolt
ベストアンサー
1
0
-
スムースクロール
JavaScriptである画像をクリックすると一番上までスムースクロールするようにしたいです。 どうやってかけばいいですかね...?
質問日時: 2019/02/07 00:40 質問者: Kar_kiredi
ベストアンサー
2
0
-
JavaScriptについて
<script src="ファイルのパス/app.js"></script> これって<body>の中にいれるんでしたっけ、それとも<head>の中です?? 初めてJavaScriptに触る者でしてわからず... おすすめの参考サイトなどありましたら是非それもおしえてください
質問日時: 2019/02/06 23:57 質問者: Kar_kiredi
ベストアンサー
2
0
-
【JavaScript】RSSのリンクが機能しない
お世話になります。 パソコンスクールでJavaScriptを勉強しています。 サンプルコードを使ってRSSの配信ページから、 更新情報を取得して取得したタイトル(更新情報)にリンクを接続する課題がありました。 とりあえず、以下のところまで出来て タイトルを表示するところまで出来ました。 ですが、サンプルのURL(https://book.studio947.net/feed/)では、 リンクが機能するのですが、自分で設定したURL(http://natalie.mu/music/feed/news) では表示されたタイトルからリンク先へジャンプしません。 ここまで出来たのですが、何が理由でリンクが機能しないのかわかりません。 このコードで以下のページから取得した更新情報に http://natalie.mu/music/feed/news リンクを貼れるように修正したいです。 詳しい人、説明の上手な人、リンクを接続するためは、 どこを修正すれば良いのか教えて下さい。 お手数ですがよろしくお願いします。 コードは以下の通りです。 詳細) 1)サンプルのURLはGoogle Chromeでないと表示出来ません ※理由は不明です https://book.studio947.net/feed/ 2)JavaScriptのコードはサーバー上にアップしています。 ※もしページのURLが必要でしたら貼りつけます。 3)PHPはサンプルコードがあり、サーバーの所定のフォルダーにアップしています。 サンプルが機能しており必要ないと思うので 貼りつけていませんが、もし必要でしたら貼りつけます。 4)サンプルのURLと自分で設定したURLではLinkタグの形が違います。 多分これが原因なのだと思いますが、、、。 サンプル <link>http://www.solidpanda.com/book</link> 自分で設定したページ <link rel="alternate" href="https://natalie.mu/music/news/318259"/> ↓ コード <section> <h1>最新記事一覧を表示する</h1> <p>ナタリー・MUSIC「https://natalie.mu/music/feed/news」</p> <ul id="latest"></ul> </section> <!-- net上のjqueryを呼び出している --> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script> $(document).ready(function(){ var rssURL = "https://natalie.mu/music/feed/news"; $.ajax({ url: 'cdxml.php', type: 'GET', dataType: 'xml', data: { url: rssURL } }) .done(function(data){ $(data).find('entry').each(function(){ var itemTitle = $(this).find('title').text(); var permaLink = $(this).find('link rel').text(); $('#latest').append( $('<li></li>').append( $('<a></a>') .attr('href', permaLink) .text(itemTitle) ) ) }); }) .fail(function(){ window.alert('データの読み込みに失敗しました。'); }); }); </script>
質問日時: 2019/02/01 11:33 質問者: ZZ-TOP
ベストアンサー
2
0
-
JavaScript <a>タグで開いた画面を閉じるには
お世話になっております。 以下のコードで開いた画面を後続のコードで閉じるにはどうしたらよいでしょうか。 var a = document.createElement("a"); a.target = '_blank'; /* _selfなら自分の内部に暗黙の内に開く */ a.click(); セルフの指定をすれば良いのですが、色々理由がありまして、 あえて_blank を使う必要があります。 これで新しい白紙の画面(無題)が開くのですが、 この画面を今はマウス操作で×ボタンを押して閉じています。 引き続き後続のステップで開いたとたんに閉じるようにしたいのですが、 JavaScriptは素人な為どうすればよいかわかりません。 クリックの後にどのようにコードを記述すれば、 開いた画面を閉じることが出来るでしょうか。 どうぞよろしくお願いします。
質問日時: 2019/01/29 03:39 質問者: VT250F
ベストアンサー
2
0
-
javascriptのエラーについて
javascriptについてお聞きします。 エラーでCannot read property 'length' of undefined と出ているのですが、console.logで出力した値は合っています。このようなエラーはよくあるのでしょうか?また、この場合どのようにすればエラーは消えるのでしょうか?分かる方解答お願いします。下記にそのスクリプトを示します。 function func2(csvData){ console.log(csvData); return new Promise(function(resolve, reject){ var tempArray = (String(csvData)).split("\n"); var Arraylen = tempArray.length; console.log(Arraylen); //←86と出力されています。 var csvArray = [],csvArray0 = [], csvArray1 = [], csvArray2 = []; for(var i = 0; i<Arraylen;i++){ csvArray[i] = tempArray[i].split(","); csvArray0[i] = csvArray[i][0]; csvArray1[i] = csvArray[i][1]; csvArray2[i] = csvArray[i][2]; } resolve([csvArray0,csvArray1,csvArray2,Arraylen]); }); }
質問日時: 2019/01/27 22:45 質問者: komacchann3
ベストアンサー
2
0
-
javascriptについて。
javascriptを使って開いた別ページの内容を範囲を指定してコピー、ペーストする方法が知りたいです。 初心者なので分かりやすく説明していただけると助かります。
質問日時: 2019/01/27 18:20 質問者: spring-sea
ベストアンサー
2
0
-
【JavaScript】特定の条件で特定のcssファイルを読み込ませたい
JavaScriptについての質問です。 特定の条件で特定のcssファイルを読み込ませたいのですが、どんな風に記述すればよいでしょうか? 具体的には、htmlのkeywordsタグに設定したキーワードのうち、特定のキーワードがあった時に特定のcssを読み込ませたいです。 たとえば、あるふたつのページのキーワードがそれぞれ下記のとき、 ①<meta name="keywords" content="kore,sore" /> ②<meta name="keywords" content="sore,are" /> 外部css <link rel="stylesheet" href="/kono.css" /> キーワードに「kore」があるときだけ「kono.css」を読み込むよう<link rel="stylesheet" href="/kono.css" />をhead内に書き加えるようにしたいです。 なので、①の場合は読み込まれ、②の場合は読み込まれないという要領です。 html、cssは多少分かりますが、JavaScriptの知識が乏しいのでこんなことができるのかどうかも分かりませんが、詳しい方にご教示いただければ幸いです。 平行していろいろ調べ下記のような感じで書いてみました。 var metaDiscre = document.head.children;// ヘッダのメタ情報 var metaLength = metaDiscre.length; // メタ情報の配列数を取得 for(var i = 0;i < metaLength;i++){ // 繰り返し処理 var proper = metaDiscre[i].getAttribute('name'); // メタ情報のneme属性を取得 if(proper === 'keywords'){ // neme属性がkeywordsだったとき var dis = metaDiscre[i].getAttribute('content'); // keywords属性のcontent内容を取得 if (dis.indexOf('kore') !== -1) { // content内容にkoreが含まれるとき // kono.cssをヘッダに書き出す var d = document; var link = d.createElement('link'); link.href = '/kono.css'; link.rel = 'stylesheet'; link.type = 'text/css'; var h = d.getElementsByTagName('head')[0]; h.appendChild(link); } } } jsファイルとして保存し、htmlのbody直下にscriptタグでファイル読み込ませましたが指定文字を含むページでも「kono.css」のlinkタグが書き出されずうまく動きません。 やりたいことは伝わるかと思いますが、具体的にどこが間違っているかご教示くださいませ。 素人なので文法の違いやセミコロン等の文字不足など、初歩的な部分も含めて検証していただけると嬉しいです。
質問日時: 2019/01/26 18:22 質問者: shiro_46_san
ベストアンサー
4
0
-
javascriptの質問です。関数内で作成した変数を別の関数で利用したいです。
関数内で作成した変数を別の関数で利用したいのですが、console.log(obj.tmp);だけがundefinedになってしまいます。なぜこのようになるのでしょうか。わかる方ご指摘お願い致します。 function input () { var a = 1; var tmp = [ { name: '名前', address: '住所', coordinate: 123456789, discription: "説明" } ]; console.log(a); console.log(tmp); return {a}; return {tmp}; } function output () { var obj = input(); console.log(obj.a); console.log(obj.tmp); } output();
質問日時: 2019/01/19 22:07 質問者: komacchann3
ベストアンサー
2
0
-
javascriptついてお聞きします。
javascriptの引数と返数がよく理解していないのでお聞きします。自分が理想とする値がコンソールされていないことで困っております。下から4行目あたりのconsole.log (tmp);で name: '名前', address: '住所', coordinate: [Number(csvArray1[0]), Number(csvArray2[0])], discription: "説明" がコンソールされると思ったのですが、 function createdata(csvArray1, csvArray2) { tmp = [ { name: '名前', address: '住所', coordinate: [Number(csvArray1[0]), Number(csvArray2[0])], discription: "説明" } ]; console.log (tmp[0].coordinate); return [tmp]; } まで値がでてしまいます。引数がおかしいのか、返数がおかしいのでしょうか。長文でしたが、ご指摘お願いいたします。 /** csvデータ取り出す */ function mainFunc (callback) { var xhr = new XMLHttpRequest(); xhr.onload = function() { callback.apply (null, createArray(xhr.responseText)); }; xhr.open("get", "./csvfile/sample2.csv", true); xhr.send(null); } /** 配列を作成 */ function createArray(csvData) { var tempArray = csvData.split("\n"); var csvArray = [], csvArray1 = [], csvArray2 = []; for(var i = 0; i<tempArray.length;i++){ csvArray[i] = tempArray[i].split(","); csvArray1[i] = csvArray[i][1]; csvArray2[i] = csvArray[i][2]; } return [csvArray1, csvArray2]; } /** 位置情報を作成 */ function createdata(csvArray1, csvArray2) { tmp = [ { name: '名前', address: '住所', coordinate: [Number(csvArray1[0]), Number(csvArray2[0])], discription: "説明" } ]; console.log (tmp[0].coordinate); return [tmp]; } function loadMap(tmp) { console.log (tmp); } mainFunc(createdata); loadMap(createdata);
質問日時: 2019/01/19 16:55 質問者: komacchann3
ベストアンサー
1
0
-
cov=np.cov(x,y,ddof=0)[0][1] 上記の[0][1]の意味は何ですか? 誰か
cov=np.cov(x,y,ddof=0)[0][1] 上記の[0][1]の意味は何ですか? 誰か、教えてくれませんか?
質問日時: 2019/01/18 21:39 質問者: ヨチヨチpy
解決済
1
2
-
wed業界に詳しい方教えてください。 職業訓練、オンラインスクール(ウェブカツ)どちらで学ぶのが、就
wed業界に詳しい方教えてください。 職業訓練、オンラインスクール(ウェブカツ)どちらで学ぶのが、就職やフリーランスの近道でしょうか? ●職業訓練6か月500時間(html5.css.javascript.PHP.MySQL.WordPress.Bootstrap.Sass.Emmet.Gulp.Git) ●オンラインスクール(ウェブカツ) 6か月400時間 プログラミング(html.css.javascript.jQuery.MySQL.PHP-Fuelphp.)、ネットワーク、セキュリティ、プロジェクト設計、データベース設計、マーケティング、営業 宜しくお願い致します。
質問日時: 2019/01/17 09:47 質問者: fm1771
ベストアンサー
3
0
-
【JavaScript】DOMContentLoaded の使い方について
お世話になります。DOMContentLoaded の使い方について教えて下さい 以下のURLページに 「DOMContentLoaded イベントは、最初のHTMLドキュメントの読み込みと解析が完了した時に、スタイルシートや画像、サブフレームの読み込みが終わるのを待たずに発火します。」 https://developer.mozilla.org/ja/docs/Web/Events/DOMContentLoaded とあります。 上記の説明によると「DOMContentLoaded」がある場合と、ない場合の差はコードが実行されるタイミングだけだと思います。 具体的にいうと、先にコード全体を読み込むような場所(HTMLのヘッダー部)に<script>を配置した場合、先にコードを読み込むので「DOMContentLoaded」はあってもなくても動作に影響しないと思います。 なので、試しにガイドブックにあるサンプルコードから「DOMContentLoaded」を 「ZZZ」に変更したところ、動作しなくなりました。 私の感覚では「最初のHTMLドキュメントの読み込みと解析が完了した時に、スタイルシートや画像、サブフレームの読み込みが終わるのを待たずに発火します。」 というわけですから、HTMLのヘッダー部に<script>を配置した場合、 先にコードが読み込まれるので「DOMContentLoaded」はあってもなくても 動作に全く影響しないと思うのですが、なぜ動作しないのでしょうか? コンソールにはエラーメッセージが出力されないのでコード的には間違いはないと思います。 なのになぜ、以下のコードではキャンセルのイベントが発生しないのでしょうか? お手数ですが詳しい方、説明の上手な方、以下のコードでキャンセルイベントが発生しない理由を教えて下さい。よろしくお願いします。 <head> <script> window.addEventListener ("ZZZ",function() { var BBB = document.getElementById("AAA"); BBB.addEventListener("click", function(CCC){ //既定のイベントをキャンセル CCC.preventDefault(); window.alert("ダイアログボックスの中!"); } ); } ); </script> </head> <body> <a href="http://www.google.co.jp" id="AAA">google</a> </body> ※「ZZZ」を「DOMContentLoaded」に変更するとイベントは実行されます
質問日時: 2019/01/15 22:47 質問者: ZZ-TOP
ベストアンサー
2
0
-
javascriptの引数と戻り値についてお聞きします。
javascriptについてお聞きします。引数と戻り値についてお聞きします。関数で作った変数を別の関数で呼び出す際、引数と戻り値を用いて引き渡すと思うのですが、引き渡す値が範囲以上を返してしまうので困っております。returnの置くところが間違っているのでしょうか、それとも引数が間違っているのでしょうか。わかる方お願いいたします。下にスクリプトを書きました。よろしくお願いいたします。 /** 位置情報を作成 */ function createdata(csvArray1, csvArray2) { var tmp = []; tmp = [ { name: '名前', address: '住所', coordinate: [Number(csvArray1[0]), Number(csvArray2[0])], discription: "説明" } ]; console.log (tmp[0].coordinate); return [tmp]; } //↓からは別の関数となります。下のconsole.log (tmp)からtmpの中身以外も返されます。一番下に参考としてコピーしました。 function loadMap(tmp) { // マップの作成 console.log (tmp); ---------下のconsole.log (tmp)--------- ƒ createdata(csvArray1, csvArray2) { var tmp = []; tmp = [ { name: '名前', address: '住所', coordinate: [Number(csvArray1[0]), Number(csvArray2[0])], discription: "説明" } ]; console.l…
質問日時: 2019/01/15 21:18 質問者: komacchann3
ベストアンサー
1
0
-
【JavaScript】オブジェクト型の変数の値を全て出力したい
お世話になります。 現在、パソコンスクールでJavaScriptの勉強をしています。 スクールで使っているテキストは以下の通りです。 確かな力が身につくJavaScript「超」入門 https://bit.ly/2FoZ1GK このテキストのセクション3-10(P133、P134)に 配列型の変数のプロパティをすべて出力するコードの説明があり、 ※下の段、配列型の変数のサンプル3-10の通りです こちらは問題ないのですが、次のセクションの3-11(P143)に オブジェクト型の変数のプロパティを全て取得する方法が以下のように記載されています。 for (var p in jsbook) { console.log(p + '=' + jsbook[p]); } このコードを利用して配列型と同様に、全てのプロパティをhtmlページ上に 出力するコードを使って自分なり作ってみました。 ですがコンソールには出力できるのですが、 htmlのページ上に出力する方法がわかりませんでした。 スクールで先生に質問してみたところ、 「配列型と同じ方法でappendChildを利用するとhtml上に出力することが出来る」 とのお話でした。 ですが、自宅に帰ってコードを比較してみたところ、配列型の方は 以下の特徴があるため、forを使った条件式を利用してタグの子要素として出力できます。 1)lengthプロパティを利用してプロパティの個数(=最後のインデックス番号)が取得できる 2)インデックス番号は「0」から始まる整数で最終の番号もlengthプロパティ把握できている ですが、オブジェクト型の方はセクションの3-11(P143)のコードで すべてのプロパティが出力されるようですが、プロパティの個数がわかりません。 おまけに、オブジェクト型では連想配列名でヒモ付けされているため、 配列型のようにforを使った条件式で整数の値を順番に入力していくような方法が 使えません。 手作業でプロパティを展開し取得するのではなく、 本当にオブジェクト型もセクションの3-11(P143)のコードを利用して 全てのプロパティを出力することが出来るのでしょうか? ↓セクションの3-11(P143)のコード for (var p in jsbook) { console.log(p + '=' + jsbook[p]); } すいませんが、詳しい方、説明の上手な方、 もし、オブジェクト型のコードも例文のコードを利用して、 手作業でプロパティを展開することなく、 全てのプロパティを取得し、Htmlのページ上に出力する方法があるのでしたら、 動作するコードを教えて下さい。 ※出来ない場合、できない理由も教えて頂ければうれしいです。 お手数ですが、よろしくお願いします。 配列型とオブジェクト型のサンプルコードは以下の通りです。 配列型の変数のサンプル3-10 <script> var todo = ['デザインカンプ作成', 'データ整理', '勉強会申し込み', '牛乳買う']; for (var i = 0; i < todo.length; i++) { var li = document.createElement('li'); document.getElementById('list').appendChild(li); } //「todo」の中のlengthプロパティを使って個数を数えている console.log(todo.length); </script> html側 <section> <h1>やることリスト</h1> <ul id="list"> </ul> </section> オブジェクト型の変数のサンプル3-11-自作 <script> var jsbook = { title: 'JavaScript入門', price: 2500, stock: 3}; for (var p in jsbook) { document.getElementById('AAA').textContent = (p + '=' + jsbook[p]); //コンソールは全部出る console.log(p + '=' + jsbook[p]); } </script> html側 <section> <br>3-10の子要素を使う方法は左辺の表記が違うのでわからない。<br> <article id="AAA">コンソールは全部出る。 </article> </section> 追記 テキストのページ数やチャプターが記載されていますが、 こちらで見やすくするためだけのものです。 特に意味はありません。
質問日時: 2019/01/13 17:48 質問者: ZZ-TOP
ベストアンサー
2
0
-
javascriptの非同期処理について
javascriptの非同期処理についてお聞きしたいです。初めてjavascriptを勉強して、非同期処理について初めて知りました。コールバック関数を用いて変数を渡したいのですが、上手くいきません。どこを修正すれば上手くいくでしょうか、ご指摘お願いいたします。下記にスクリプトを示します。 function mainFunc(callback) { /** csv読み込み */ function getCSVFile() { var xhr = new XMLHttpRequest(); xhr.onload = function() { createArray(xhr.responseText); }; xhr.open("get", "./csvfile/sample2.csv", true); xhr.send(null); } getCSVFile(); var csvArray = new Array(); var csvArray1 = new Array(); var csvArray2 = new Array(); function createArray(csvData) { var tempArray = csvData.split("\n"); for(var i = 0; i<tempArray.length;i++){ csvArray[i] = tempArray[i].split(","); csvArray1[i] = csvArray[i][1]; csvArray2[i] = csvArray[i][2]; console.log(csvArray); } alert(Number(csvArray1[0])); alert(Number(csvArray2[0])); } callback(); } /** 施設の位置情報 */ var facilities = function() { [ { name: '江戸川区役所', address: '東京都江戸川区中央1-4-1', coordinate: [Number(csvArray1[0]), Number(csvArray2[0])], discription: "月?金 8:30?17:00" } ]; } mainFunc(facilities);
質問日時: 2019/01/13 16:41 質問者: komacchann3
ベストアンサー
2
0
-
javasprictの構文について
たとえばイチゴと検索したならば赤いとか酸っぱいとか言う回答が返ってくるjavascriptをやりたいです。どうすればいいんどえしょうか。
質問日時: 2019/01/11 21:08 質問者: 福本英一
解決済
2
0
-
3dsのyoutubeにログインできない。3dsでyoutubeを見ようとしていつも使ってるアカウン
3dsのyoutubeにログインできない。3dsでyoutubeを見ようとしていつも使ってるアカウントにログインしようとしました。そうしたら画像のようにjavascript?というものが無効になっているとかでログインできませんでした。javascriptを有効にするなり無効でもログインするなりの方法ありませんか?知ってる人教えてください。
質問日時: 2019/01/10 23:36 質問者: アマヨリ
解決済
1
0
-
javascriptの配列について
javascriptの配列の勉強をしています。csvデータから数値を入手し、また別の配列に格納したいのですが、not defindになってしまいます。格納したい変数をvarをつけずにグローバル変数にして関数外へ送れるようにしているのですが、やり方が間違っているのでしょうか。わかる方いらしたら教えてください。お願いいたします。 /** csv読み込み */ function getCSVFile() { var xhr = new XMLHttpRequest(); xhr.onload = function() { createArray(xhr.responseText); }; xhr.open("get", "./csvfile/sample2.csv", true); xhr.send(null); } getCSVFile(); function createXMLHttpRequest() { var XMLhttpObject = null; XMLhttpObject = new XMLHttpRequest(); return XMLhttpObject; } function createArray(csvData) { var tempArray = csvData.split("\n"); var csvArray = new Array(); for(var i = 0; i<tempArray.length;i++){ csvArray[i] = tempArray[i].split(","); console.log(csvArray); } //alert(Number(csvArray[0][1])); //alert(Number(csvArray[0][2])); } /** 施設の位置情報 */ var facilities = [ { name: '江戸川区役所', address: '東京都江戸川区中央1-4-1', coordinate: [Number(csvArray[0][1]), Number(csvArray[0][2])], discription: "月?金 8:30?17:00" }, { name: '江戸川保健所中央健康サポートセンター', address: '東京都江戸川区中央4-24?19', coordinate: [139.868285, 35.709729], discription: "月?金 8:30?17:00" } ];
質問日時: 2019/01/06 19:37 質問者: komacchann3
ベストアンサー
2
0
-
昔作ったHPのjavascritがグーグルクロームで動きません。
10年近く前になりますが個人の趣味HPを作っていてサムネイル画像に触るとifame内に画像とそのコメントが変わる仕組みにしていたのですが久しぶりに見るとIEやedgeでは問題なく動くのですがchromeでは動かなくなっておりました。原因がわからない為、有識者の方からアドバイスをいただければと思います。 HPは恥ずかしいので余分なところを省いたソースを下記に掲載します。 chromeで動くようにするにはどこを変えればよいのでしょうか? 「window.parent.photo.window.document.images」の書き方が違ってくるのでしょうか? <SCRIPT LANGUAGE="JavaScript"> <!-- if(navigator.appVersion.charAt(0)>=3) { movimg=new Array() movimg[00] = new Image();movimg[00].src="b_pic/b_pic00.jpg"; movimg[01] = new Image();movimg[01].src="b_pic/b_pic01.jpg"; movimg[02] = new Image();movimg[02].src="b_pic/b_pic02.jpg"; }; var dum = ""; function changImg1(imgNoA,imgNoB) { if(navigator.appVersion.charAt(0)>=3){ //読込中の場合 if (!movimg[imgNoB].complete) { if (window.parent.photo.window.document.images[imgNoA].src!= dum ) { window.parent.photo.window.document.images[imgNoA].src=dummy.src; dum = window.parent.photo.window.document.images[imgNoA].src; } }else{ window.parent.photo.window.document.images[imgNoA].src=movimg[imgNoB].src; } } }; <!----> </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!-- var dummy= new Image(); dummy.src="../../img/dummy.jpg"; <!----> </SCRIPT> <body> <div align="center"> <form name="e0" method="post" action=""> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,00);document.forms[0].e0.value='タイトル1\n 文章1'"> <img src="s_pic/s_pic00.jpg" width="100" height="75" border="0"></a> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,01);document.forms[0].e0.value='タイトル2\n 文章2'"> <img src="s_pic/s_pic01.jpg" width="100" height="75" border="0"></a> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,02);document.forms[0].e0.value='タイトル2\n 文章3'"> <img src="s_pic/s_pic02.jpg" width="100" height="75" border="0"></a> <iframe name=photo src="b_pic/b_pic38.jpg" width="500" height="375" frameborder="0" marginheight="0"></iframe> <form name="e0" method="post" action="" leftmargin="0" topmargin="0" marginwidth="0" bottmmargin="0"> <textarea name="e0" cols="68" rows="5">画像集</textarea> </form> </form> </div>
質問日時: 2019/01/06 10:29 質問者: いとか
ベストアンサー
5
0
-
解決済
3
0
-
javascript初心者
'それは"黄色"です' "それは'黄色'です" 上記のように外側をシングルクォーテーション、中をダブルクォーテーションでくくるのと、その反対にするのではなにか異なりますか?
質問日時: 2018/12/31 17:03 質問者: Hypnomatic
解決済
1
0
-
【JavaScript】エレメントって何ですか?
JavaScriptの勉強をしています。 コードの説明の時に、JavaScript特有のいろんな言葉が出てきます。 オブジェクト、メソッド、プロパティの3つは自分なりに理解出来ているつもりです。 ですが関連のWebサイトやガイド本の中で時々、 エレメント(Element)という言葉が出てきます。 場合によっては変数の名前に使ったりされますし、 getElementById( );などのようにJavaScriptで使われる 単語の中にも登場します。 「たった1日で基本が身につく JavaScript超入門」 https://gihyo.jp/book/2017/978-4-7741-8995-6 というガイドブックを使っており、この本の中に以下のサンプルコードがあります。 こちらのコードでも変数の名前に「elem」(=Elementを意味していると思います)を 使っていますし、getElementByIdという「Element」 という言葉の入ったプロパティを使っています。 このコードは「Element」を取得してダイアログボックスに表示する という意味だと思いますが、表示されたダイアログボックスのコメントが 何を意味するのか全く理解できません。 ※ダイアログボックスのコメントは画像のとおりです。 すいませんがJavaScriptに詳しい方、説明の上手な方、 「エレメント(Element)」という言葉の意味と このコードで取得して、ダイアログボックスに表示されているものが 何なのか教えて下さい。 お手数ですが、よろしくお願いします。 <script> window.onload = function(){ // 要素を取得 var elem = document.getElementById("sample"); // 取得した要素オブジェクトの確認 window.alert(elem); } </script> HTML側 <body> <p id="sample">要素を取得<p> </body>
質問日時: 2018/12/28 22:52 質問者: ZZ-TOP
ベストアンサー
2
0
-
【JavaScript】変数の出力について
JavaScriptの勉強をしています。 問題集の例題をカスタマイズして、 以下のようにコードを作成しました。 とりあえず動くのですが、最後の console.log(tax); の出力が ReferenceError: tax is not defined になります。 コードの中では、taxが0.08で演算されており、 totalの値もちゃんと出力されるのですが、 なぜ最後のコンソールログで「tax」だけエラーになるのでしょうか? 詳し方、説明の上手な方、お手数ですが、教えて下さい。 <script> var total = function(price) { var tax = 0.08; return price * tax price; } console.log(total(8000)); console.log(tax); </script>
質問日時: 2018/12/26 00:39 質問者: ZZ-TOP
ベストアンサー
5
0
-
【JavaScript】インスタンス化する時の引数について
お世話になります たった1日で基本が身につく JavaScript超入門 https://gihyo.jp/book/2017/978-4-7741-8995-6 という本を使って、JavaScriptの勉強をしています。 このテキストに「オブジェクトを利用する際のルール」という項目があり、 オブジェクトを利用するためのインスタンスの生成について以下のようにあります。 書式 1)var 変数名 = new オブジェクト名(); 2)var 変数名 = new オブジェクト名(引数); 1)の書式はサンプルコードがありコードは以下の通りでした。 <script> //Data型の変数を宣言 var data = new Date(); // yyy/m/d/ H:i:s 形式で現在の日時を出力 console.log(data.toLocaleString()); </script> ですが、2)の方はサンプルコードがないため 引数の使い方がよくわかりません。 初心者向けにパターン2)に当てはまる書式の(引数の使い方をする) インスタンスの生成方法で、1)同様、コンソールログで何か出力するような 簡単な例文を教えて下さい。 追記 可能でしたらDateオブジェクトを使ったものならうれしいです。 ↑比較できるので。 ・わかりやすい例文なら、他のオブジェクトでもOKです。 すいませんが詳しい方、説明の上手な方、よろしくお願いします。
質問日時: 2018/12/25 17:28 質問者: ZZ-TOP
ベストアンサー
1
0
-
javascriptでHTMLを絞り込み検索できるようにしたいです
javascriptを使用して、HTMLで書いてある要素を絞り込み検索できるようにしたいです。 具体的なイメージは、下記URLのページです。 これに、リセットボタンを付けたいのですがどのように書けばいいのかわからず困っています。 どうかご教授いただけないでしょうか。 http://cly7796.net/wp/sample/implement-the-process-of-narrowing-down-the-list/index3.html
質問日時: 2018/12/24 23:13 質問者: 彩いろどり
ベストアンサー
4
0
-
iframeの内のTable(rowspan有り)に対し、動的にhoverで縦横ハイライトさせたい
参考URLをベースに、iframeの中の要素の操作で横列のハイライト、縦列にrowspanを除いたclassの連番割当はできるようになりました。 しかし列のみ適応されません。 $(this).attr('class');で既存クラスまで拾っていることが原因なのかと思い既存のクラスをリムーブしてみましたが特に変化なく… 何が原因でしょうか?どなたかお知恵を拝借させてください。 ------------------ 参考URL http://www.finefinefine.jp/jquery/kiji696/ ------------------ ▼HTML(JS適応) <iframe width="500" height="500" frameborder="0" id="shikaku-iframe" src="sample1.html"></iframe> ------------------ ▼iframe内HTML/sample1.html(同ドメイン内) <table class="crosstable"> <tbody> <tr><td class="blank"></td> <td>店舗</td> <td style="">A店</td> <td style="">B店</td> </tr> <tr> <td rowspan="3">くだもの</td> <td class="yellow">バナナ</td><td class="maru">○</td><td class="maru">○</td> </tr> <tr> <td class="red">リンゴ</td><td class="maru">○</td><td class="maru">○</td> </tr> <tr> <td class="red">いちご</td><td class="maru">○</td><td class="maru">○</td> </tr> <tr> <td rowspan="1">野菜</td> <td class="red">トマト</td><td class="slash">/</td><td class="slash">/</td> </tr> </tbody> </table> ------------------ ▼JS側 (function($) { "use strict"; //rowspan属性のあるtdにclassを付ける $('iframe').contents().find('td').each(function() { if($(this).attr('rowspan') !== undefined) { $(this).addClass("rowspan"); } }); //既存クラスを削除してみる※変化なし $('iframe').contents().find("td").each(function() { $(this).removeClass("maru"); $(this).removeClass("slash"); $(this).removeClass("yellow"); $(this).removeClass("red"); }); //クラスrowspanとblankを除きclassを連番付与 $('iframe').contents().find("tr").each(function () { $(this).children().not('.rowspan').not('.blank').each(function (i) { i = i+1; $(this).addClass("item" + i); }); }); //関数colorを作成 $.fn.color = function() { return this.each(function() { $(this).not('.rowspan').not('.blank').css('background-color', '#eee'); }); }; //行の背景色変更 $('iframe').contents().find("tr").mouseout(function() { $(this).children().css('background-color', ''); }); //列の背景色変更 $('iframe').contents().find("td").each(function() { var selector = '.'+ $(this).attr('class'); $(this).hover(function(){ $(selector).color(); $(this).siblings().color(); $(this).css('background-color', '#ccc'); },function(){ $(selector).css('background-color', ''); $(this).parent().css('background-color', ''); }); }); })(jQuery);
質問日時: 2018/12/18 15:21 質問者: a-ranoma
ベストアンサー
1
0
-
【JavaScript】tableタグを利用して表を作成したい
現在、パソコンスクールでJavaScriptの勉強しています。 授業でtableタグを利用して表の中で商品の名前や在庫を表示するコードを作成しました。 元のコードはidを使っているため、項目を1回しか表示することができませんでした。 なのでカテゴリーだけクラスで名前を付けて2回目以降も同じクラス名で利用出来るように、 自分でカスタマイズしてみました。 ところが、クラス名を利用すると1回目から表示できません。 以下のサイトを参考にし、自分ではこのコードで動作すると思っていました。 ですが何か根本的に間違っているようです。 ※タイプミスは確認しました。 https://bit.ly/2UOCebX 要するにtableタグを利用して表を作成する時に同じ項目を2行目以降も表示したいのですが、 こういう時にはクラス名を利用し、getElementsByClassNameで値を取得したり代入することはできないのでしょうか? お手数ですが詳しい方、説明の上手な方、教えて下さい。よろしくお願いします。 コードは以下の通りです。 ブラウザーでの表示は画像のようになります。 <html> <body> <h5>idなので同じidをhtmlページで2回表示することは出来ない</h5> <h5>getElementsByClassNameを使ったけど表示できない</h5> <section> <table> <tr> <td>title</td> <td>categoly</td> <td>price</td> <td>stock</td> <td>cat:ここだけClassName</td> </tr> <tr> <td id="title"></td> <td id="categoly"></td> <td id="price"></td> <td id="stock"></td> <td class="cat"></td> </tr> <!--3段目は表示されない--> <tr> <td id="title"></td> <td id="categoly"></td> <td id="price"></td> <td id="stock"></td> <td class="cat">「あり」「なし」</td> </tr> </table> </section> <script> var jsbook = {title:'JavaScript入門', price:2500, stock:3, categoly:'書籍', cat:'付属品',}; document.getElementById('title').textContent = jsbook.title; document.getElementById('price').textContent = jsbook.price + '円'; document.getElementById('stock').textContent = '在庫:' + jsbook.stock; document.getElementById('categoly').textContent = jsbook.categoly; document.getElementsByClassName("cat").textContent = jsbook.cat; </script> </body> </html>
質問日時: 2018/12/17 12:07 質問者: ZZ-TOP
ベストアンサー
4
0
-
JavaScriptの関数の戻り値につて
こんちは。 最近「JavaScript」を始めました。 簡単なことなのですが教えてください。 JavaScriptの基本なのですが、階層オブジェクトを関数の戻り値として返す方法です。 下記の様な場合でオブジェクト「xxx」下位階層「aaa」のみを返そうと思いました。 最初 return {xxx.aaa} と書いていましたがエラーとなりました。 困っていると他の方から return {'xxx' : xxx.aaa} と書くんだよと言われました。 意味がわからなく調べてのですが分かりませんでした。 どなたか丁寧に教えていただける方お教えください。 また、ソースが間違っていても教えてください。 よろしくお願いします。 function sample() { let xxx = { aaa: { a : 1, b : 2, c : 3, d : 4, e : 5 }, bbb: { a : 1, b : 2, c : 3, d : 4, e : 5 } }; return { 'xxx': xxx.aaa } }
質問日時: 2018/12/17 09:43 質問者: ankei_to
ベストアンサー
2
0
-
microSDカードが読み取れない
Windows10です。 microSDカードを差し込むとタスクバーに認識されますが読み取りを開始しません。 正常なときはカードを差し込むとすぐデスクトップ上方に進行バーが現れ読み取りを開始していたのですがどこが悪いのでしょうか。 再起動などをしてみましたが修復できませんでした。 解決策をご教示いただけませんでしょうか。
質問日時: 2018/12/16 18:04 質問者: ampontanju
解決済
2
1
-
Javascriptの出力結果をhtmlボタンで出力したい
JavaScript(ES6)で、半角英数字かどうかチェックする関数を作成し、その結果をhtml側でボタンを押すとBooleanとして出力したいです。下記のように作成しましたが、出力部分をどのようにすればよいでしょうか。よろしくお願いいたします。 <html> <head></head> <body> <script> const CheckHalfwidth = function(str) { if(str.match(/^[a-zA-Z0-9]+$/)){ return true; } else{ return false;} } const onButtonClick = function() { } </script> <input type="text" id="txt1"> <input type="button" value="半角英数チェック" onclick="onButtonClick();"> <div id="output"> </div> </body> </html>
質問日時: 2018/12/12 19:20 質問者: skysdog
ベストアンサー
3
0
-
Javascriptのhistory.back()がうまく動かない
2年位前までは問題なかったのですか、 とあるぺージーでJavascriptでdocument.writeで計算結果を出すページがあります。 15年ほど前にJavascriptもろくにわからず、作ったのですが、 onclick=history.back()で元の計算入力画面に戻らず、googleの検索結果まで戻ってしまいます。 ブラウザの解釈が違うことになったのかもしれませんが、元の計算入力画面へ戻すにはどうしたらよいでしょうか? document.write ("<br>","<input type=button value=もう一度計算する! onclick=history.back()>","</br>"); 作りがめちゃくちゃなことは否定しませんが、どうぞこの低能な私にアドバイスお願いします。 そのページ(私のページなのでリンクを書きます) http://delorean2.cool.coocan.jp/
質問日時: 2018/12/12 13:23 質問者: denza
ベストアンサー
3
0
-
【JavaScript】数当てゲームを作成したい
お世話になります。 現在、スクールでJavaScriptの勉強しています。 宿題で以下のような問題がでました。 宿題 wihleを使ってダイアログボックスに入力した値が正解するまで、 ダイアログボックスを表示しつづけるプログラムを作成する サンプルとして「数当てゲーム」という0~3までの数字のtrueとfalseを判定する 例題があり、このプログラムは最下段の通りです。 以下のプログラムを参考にwihleを使って、 ダイアログボックスに入力した値が正解するまで、 ダイアログボックスを表示しつづける ※間違いの時は「ハズレ!」のダイアログボックスで表示する。 ↑「ハズレ!」表示の後で再度「数当てゲーム。0~2の数字を入力してね」を 正解するまで、繰り返し表示し続ける、にはどうすればよいのでしょうか? お手数ですが詳しい方、説明の上手な方、教えて下さい。 ※すいませんが、こちらの知識不足のため「○○すればいいよ」みたいな、 ご返答では理解できないと思います。 <script> var number = Math.floor(Math.random() * 4); var answer = parseInt(window.prompt('数当てゲーム。0~3の数字を入力してね。')); var messege; if(answer > 3) { messege = '入力は0~3だよ!'; } else if(answer < number) { messege = '残念でした!もっと大きい!'; } else if(answer > number) { messege = '残念でした!もっと小さい!'; } else { messege = 'あたり!'; } window.alert(messege); window.alert('答えは「' + number + '」でした'); console.log('終了確認') </script>
質問日時: 2018/12/10 02:05 質問者: ZZ-TOP
ベストアンサー
3
0
-
商品ページのフォームのテキストボックスに、商品名を自動入力させたい。
下記質問について解決したものと判断し締め切りましたが、確認するとformのinputのvalue内が空白になっていました。 回答者fujillin様の、 「setValue関数が確実にload後に実行されるように、 loadメソッドのcallback(complete)でsetValue関数を呼び出すようにしてください。」 「loadメソッド」「callback」「setValue関数」とか検索して色々と試してみましたが、理解しないままやっていますので何ら解決していません。 fujillin様、またはどなたかおわかりの方、どうぞ宜しくお願いいたします。 (質問内容) 現在、通販サイトを運営中で、それぞれの商品ページに問合せフォームを組み込んでいますが、その商品ページを訪問されるときにお客様はすでに商品名(長い記号番号)を入力されているので、問合せフォームで再度商品名を入力していただくのは酷と思い、formのinputのvalueに商品名をあらかじめ入力しておくようにしています。 <input type="text" name="希望商品" value="(商品名)" > この度、商品数の増加に伴い、商品ページを簡略化するため、共通しているform部分をインクルードしたいのですが、その中の(商品名)を関連付ける方法を教えてください。 例えば、ABC123という商品名のページからの問合せの場合、インクルードされるform内が <input type="text" name="希望商品" value=”ABC123”> になるようにしたいのです。 ちなみにABC123という商品名は、その商品ページの中(form部分以外)に入力しています。 今まで下記の方法でOKだったのですが、この度確認するとformのinputのvalue内が空白になっていました。何が間違っているのでしょうか? <!DOCTYPE html> <html lang="ja"> <head> <script> $(function() { $("#form").load("./form.html"); }); </script> <script> function setValue() { var value = "(機種名)"; if (value) { document.form._希望機種.value = value; } } </script> </head> <body onload="setValue();"> <div id="form"></div> </body> </html> ---以下、別ファイル--- <form name="form" action="・・・> <input type="text" name="_希望機種" size="50"> </form> (fujillin様のご回答) イマイチよくわかりませんが、ご質問文の一番下の「<form name="form"~~」以下の内容は、後から読み込もうとしている内容で、別ファイルという意味ですよね? (今までは、直接htmlの中に記述されていたものと推測します) >何が間違っているのでしょうか? 実行順をよく考えればわかると思いますが、後から読み込む方法の場合、「body onload」でsetValue関数が実行される時には、まだformの内容が読み込まれていない可能性が高いです。 ですので、値を設定するべき対象要素がまだ存在しないため設定はされず、その後に読み込まれた要素は空白のままということと推測します。 あるいは、要素の指定が正しくできていないかでしょう。 form要素にタグ名称と同じformのidを付けていて、「document.form」のような直接個別の名で指定する記述方法なので場合によっては、確実ではないことがあります。 目的要素にidがあるのですから、getElementByIdやquerySelectorを用いて指定する方が、安全で確実と思います。 さらには、ご提示のスクリプトを見るとjQueryなどのライブラリを用いているものと思われますが、ご提示のソースには、それを読み込んでいる記述がありません。 ですので、そもそも「$関数」でエラーになっていて動作していないだけという可能性もあります。 (記述を省略しただけなのかもしれませんが、全文書形式で記述してあるので・・・) また、ライブラリを利用している場合は、前述の要素の指定でもそちらを利用した方が簡便かと思います。 状況がよくわからないので、とりあえず、実行順序に関しての対処法のみですが。 setValue関数が確実にload後に実行されるように、 loadメソッドのcallback(complete)でsetValue関数を呼び出すようにしてください。 (そうすることで順序が守られるはずです) https://api.jquery.com/load/
質問日時: 2018/12/04 07:51 質問者: junjunjujujun
ベストアンサー
5
0
-
JSPのコードで冗長な箇所をすっきりさせたい
// 1の時 if ($trs.find("[id$='changeId']").val() === "1"){ if($trs.find("[id$='kbnChange']").val() != "9"){ $trs.find("[id$='kbnChange']").val("1"); $trs.find("[id$='kbnChange_hidden']").val("1"); } //2の場合 }else if ($trs.find("[id$='changeId']").val() === "2"){ $trs.find("[id$='kbnChange']").val("1"); $trs.find("[id$='kbnChange_hidden']").val("1"); //3の場合 }else if ($trs.find("[id$='changeId']").val() === "3"){ var kbn = ['3','4','5','7','8','9','10']; if(!($trs.find("[id$='kbnChange']").val() === $trs.find("[id$='kbnChange']").val("3") || $trs.find("[id$='kbnChange']").val("4") || $trs.find("[id$='kbnChange']").val("5") || $trs.find("[id$='kbnChange']").val("7") || $trs.find("[id$='kbnChange']").val("8") || $trs.find("[id$='kbnChange']").val("9") || $trs.find("[id$='kbnChange']").val("10") { $trs.find("[id$='kbnChange']").val("3"); $trs.find("[id$='kbnChange_hidden']").val("3"); } //4のの場合 }else if ($trs.find("[id$='changeId']").val() === "4"){ $trs.find("[id$='kbnChange']").val("2"); $trs.find("[id$='kbnChange_hidden']").val("2"); //5のの場合 }else if ($trs.find("[id$='changeId']").val() === "5"){ $trs.find("[id$='kbnChange']").val("x"); $trs.find("[id$='kbnChange_hidden']").val("x"); } } JSP初心者なのですが、やりたいことは ①条件が「1または2または4または5以外の場合3の設定を行うです。 ②また、3の場合は||で繋いでいるのでjavaのcontainメソッドの様な感じで 実装の行いたいのですが、うまくいかずどなたかご教授ください。 自分でやったことは ①3の条件式を最後に持ってきました // 3の場合 var Id= ['1','2','3','4','5']; }else { var kbn = ['3','4','5','7','8','9','10']; if(!($trs.find("[id$='kbnChange']").val() === kbn)){ $trs.find("[id$='kbnChange']").val("3"); $trs.find("[id$='kbnChange_hidden']").val("3"); }
質問日時: 2018/12/04 01:25 質問者: javaminari
解決済
1
0
-
商品ページのフォームのテキストボックスに、商品名を自動入力させたい。
現在、通販サイトを運営中で、それぞれの商品ページに問合せフォームを組み込んでいますが、その商品ページを訪問されるときにお客様はすでに商品名(長い記号番号)を入力されているので、問合せフォームで再度商品名を入力していただくのは酷と思い、formのinputのvalueに商品名をあらかじめ入力しておくようにしています。 <input type="text" name="希望商品" value="(商品名)" > この度、商品数の増加に伴い、商品ページを簡略化するため、共通しているform部分をインクルードしたいのですが、その中の(商品名)を関連付ける方法を教えてください。 例えば、ABC123という商品名のページからの問合せの場合、インクルードされるform内が <input type="text" name="希望商品" value=”ABC123”> になるようにしたいのです。 ちなみにABC123という商品名は、その商品ページの中(form部分以外)に入力しています。 今まで下記の方法でOKだったのですが、この度確認するとformのinputのvalue内が空白になっていました。何が間違っているのでしょうか? <!DOCTYPE html> <html lang="ja"> <head> <script> $(function() { $("#form").load("./form.html"); }); </script> <script> function setValue() { var value = "(機種名)"; if (value) { document.form._希望機種.value = value; } } </script> </head> <body onload="setValue();"> <div id="form"></div> </body> </html> <form name="form" action="・・・> <input type="text" name="_希望機種" size="50"> </form>
質問日時: 2018/12/03 15:57 質問者: junjunjujujun
ベストアンサー
1
0
-
Google Apps Script:Googleスプレットシートで値を入力後、次のセルに自動で移動
Googleスプレットシートで値を入力後、次のセルに自動で移動したいです。 キーボード操作であれば、 Enter(return)キーなら下へ Tabキーなら右へ 選択セルを移動させることができます。 ただ、タブレットでの利用を想定しているので タッチしてセルを選択しないといけないです。 なのでセルで値を入力後に自動で次のセル(下のセル)へ 移動させたいです。 ”データの入力規則”ではそのような機能がないようなので Google Apps Scriptで実現できるのではないかと思ってます。 Google Apps Scriptでの実現方法がありましたら アドバイスをお願いします。
質問日時: 2018/11/29 15:03 質問者: htc1014331
ベストアンサー
2
0
-
javascriptからウィンドウを開くとリファラが無い
この方法で別ウィンドウを開くと開いた先のウィンドウでリファラがあるのですが、 <a href="./hogehoge.cgi" target="_blank">リンク</a><br> この方法ではリファラがありません。 <a href="#" onclick="javascript:window.open('./hogehoge.cgi')">リンク</a><br> 後者の方法でリファラを持って開く方法はありませんでしょうか?
質問日時: 2018/11/28 10:41 質問者: workpad30j
ベストアンサー
1
0
-
ラジオボタンのvalueとlabelの値を連想配列で取得したい
クリックでリンク移動するラジオボタンをjavascriptで作成中です。 idを配列順に連番で名称設定しつつ、valueとlabelの値を連想配列で 取得したいと考えたのですが、配列の理解が及んでおらず行き詰っています。 ▼このようにしたいのですが、お知恵を拝借いただけませんでしょうか ------------------------ <input id="tab0" name="tabgroup1" value="?view=1111" type="radio" /> <label for="tab0">50音順</label> <input id="tab1" name="tabgroup1" value="?view=2222" type="radio" /> <label for="tab1">新着順</label> ------------------------ var values = {"?view=1111":"50音順", "?view=2222":"新着順"}; create_radio(values); function create_radio(values) { var tabarea = document.createElement('div'); tabarea.id ='tabarea'; for (var i = 0; i < values.length; i++) { var radio = document.createElement('input'); var label = document.createElement('label'); var id = "tab" + i; var name = "tabgroup1"; var value = values[i]; adio.setAttribute("type", "radio"); radio.setAttribute("value", value); radio.setAttribute("id", id); radio.setAttribute("name", name); label.setAttribute("for", id); label.innerHTML = values[key]; var radio_view_id = "?view=" + event.viewId; if(value == radio_view_id){ radio.checked = true; } radio.onclick = function() { location.href = this.value; } tabarea.appendChild(radio); tabarea.appendChild(label); }
質問日時: 2018/11/21 16:40 質問者: ふなふ-な
ベストアンサー
5
0
-
自ウィンドウサイズ指定について
<script Language="JavaScript"><!-- resizeTo(580,660); // --></script> この中に toolbar=no menubar=no を入れたいのですがコンマの付け方がわかりません。 どなたかこ指導宜しくおねがいします。
質問日時: 2018/11/20 19:08 質問者: tak0261
ベストアンサー
1
0
-
ulpを4にバージョンアップしたがエラーが解消できません。
AssertionError [ERR_ASSERTION]: Task function must be specified gulp 3 -> 4のアップデートに伴ってgulpfile.jsの引数を変更してみましたがエラーが出続け解決できません。 主に、最後の上の gulp.series やwatchなどの付近を色々と修正してみたんですが何も解消されず。 何が間違っているかご指摘ください。 条件は以下のとおりです。 node : 10.12.0 npm : 6.4.1gulp gulp(local) : 4 --- const gulp = require('gulp'); // const autoprefixer = require('gulp-autoprefixer'); const autoprefixer = require("autoprefixer"); const babelify = require('babelify'); const browser = require('browser-sync').create(); const browserify = require('browserify'); const buffer = require('vinyl-buffer'); const cleanCSS = require('gulp-clean-css'); // const imagemin = require('gulp-imagemin'); const concat = require("gulp-concat"); // const mozjpeg = require('imagemin-mozjpeg'); const plumber = require('gulp-plumber'); // const pngquant = require('imagemin-pngquant'); const sass = require('gulp-sass'); const sourcemaps = require('gulp-sourcemaps'); const through = require('through2'); const uglify = require('gulp-uglify'); const postcss = require('gulp-postcss'); const assets = require('postcss-assets'); // const normalize = require('postcss-normalize'); const postcssGapProperties = require("postcss-gap-properties"); const pug = require('gulp-pug'); const paths = { 'scss': './src/stylesheets/', 'jssrc': './src/javascripts/', 'pug': './src/pug/', 'html': './dest/', 'css': './dest/assets/css/', 'js': './dest/assets/js/', 'image': 'assets/images/' } gulp.task('server', function () { browser.init({ server: { baseDir: paths.html, index: 'index.html' }, port: 2000 }); }); //setting : Pug Options const pugOptions = { pretty: true } //Pug gulp.task('pug', function () { return gulp.src([ paths.pug + '**/*.pug', '!' + paths.pug + '**/_*.pug']) .pipe(plumber()) .pipe(pug(pugOptions)) .pipe(gulp.dest(paths.html)) .pipe(browser.stream()); browser.reload(); }); gulp.task('sass', function () { gulp.src( paths.scss + '**/*.scss') .pipe(plumber()) .pipe(sourcemaps.init()) .pipe(sass()) .pipe(postcss([ postcssGapProperties(), autoprefixer({ grid: true, browsers: ['last 1 version'], cascade: false }), assets({ loadPaths: [ paths.image ], // basePathから見た画像フォルダの位置 basePath: paths.html, // プロジェクトで公開するパス cachebuster: true }) ])) // .pipe(cleanCSS()) .pipe(sourcemaps.write('../maps')) .pipe(gulp.dest( paths.css )) .pipe(browser.stream()); }); gulp.task('es2015', function () { var browserified = through.obj(function(file,encode,callback){ browserify(file.path) .transform(babelify, {presets: ['es2015']}) .bundle(function(err,res){ if(err){ return callback(err); } file.contents = res; callback(null,file); }) .on("error", function (err) { console.log("Error : " + err.message); }); }); gulp.src(paths.jssrc + 'index.js') .pipe(plumber()) .pipe(sourcemaps.init()) .pipe(browserified) .pipe(buffer()) .pipe(uglify()) .pipe(sourcemaps.write('../maps')) .pipe(gulp.dest(paths.js)) .pipe(browser.stream()); }); gulp.task('js.concat', function() { return gulp.src(paths.jssrc + 'vendor/*.js') .pipe(plumber()) .pipe(concat('vendor.pack.js')) .pipe(uglify()) .pipe(gulp.dest(paths.js)); }); gulp.task('js', ['js.concat']); gulp.task('watch', function() { gulp.watch(paths.pug + '**/*.pug', ['pug']); gulp.watch(paths.scss + '**/*.scss',['sass']); gulp.watch([paths.jssrc + '**/*.js', '!' + paths.jssrc + 'vendor/*'], ['es2015']); }) gulp.task('default', gulp.series('pug', 'sass', 'es2015', 'watch'));
質問日時: 2018/11/20 16:57 質問者: kazuya88
解決済
1
0
-
jqueryについてです
jqueryとはjavascriptのライブラリーみたいなものと調べたらでできましたが javascriptで開発中にjqueryを活用する形になるのでしょうか?
質問日時: 2018/11/20 03:40 質問者: ryo317
解決済
2
0
-
フォームの内容でリンク先URLの作成について
下記の質問は、あらかじめ決めたURLの後ろにフォームの内容をつなぎリンク先に移動する、というものですが https://oshiete.goo.ne.jp/qa/4563365.html http://○○○.co.jp のように中間にフォームの内容を挿入しリンク先に移動するというのは可能でしょうか。 お詳しい方ご教示お願いします。
質問日時: 2018/11/18 00:30 質問者: 475air
解決済
1
0
-
splitで複数のキーワードで分割する正規表現の書き方
URLクエリに日付フィールドの検索条件を渡すjavascriptをカスタマイズしているのですが、 「like」or「<=」or「>=」で文字を分割し、配列に格納する部分で、splitの正規表現の書き方を以下のようにしているのですが上手くいってないようです。 for( var i = 0; i < parameters.length; i++ ){ var k = /like|<=|>=/; //分割するキー var element = parameters[ i ].split(k); var paramName = decodeURIComponent( element[ 0 ] ); var paramValue = decodeURIComponent( element[ 1 ] ); // スペースと""をtrimして、文字列だけにしてから、配列に格納 result[ paramName.replace(/^\s+|\s+$/g, "") ] = paramValue.replace(/^[\s|\"]+|[\s|\"]+$/g, ""); } どのようにしたら正しく分割されますでしょうか?
質問日時: 2018/11/15 16:13 質問者: ふなふ-な
ベストアンサー
4
0
-
javascriptで年齢制限をかけたい
AとBへのリンクを設置した最初のページに Aのサイトのクッキーを所持している場合、Aに即強制移動 Bのサイトのクッキーを所持している場合、Bに即強制移動 どちらも持っていない場合は、何もしない どちらも持っている場合は、最も古い値で処理を行う という処理を入れたいのですがどうすればいいでしょうか?
質問日時: 2018/11/12 19:03 質問者: egtomo
解決済
3
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【JavaScript】に関するコラム/記事
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
-
なぜ批判コメントをするの?その心理と向き合い方をカウンセラーにきいた!
今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したあとに画像を表示さ...
-
スマホ上で、左右スワイプで次のペ...
-
ラジオボタンを複数選択したときの...
-
jsonテキストデータの並び替えがで...
-
Adobe acrobat proでフォームを準備...
-
画面に表示したらアニメーションを...
-
2025年相性がいい人のサイトの仕組み
-
jQueryでのレスポンシブが綺麗に動...
-
jsで質問です。 formをsubmitしてサ...
-
二次元配列を使って順位をだすとき...
-
【JS】selectでchangeした時のデー...
-
sessionStorageを調べています。
-
jsで質問です。 ボタンが二つ存在し...
-
ブックマークレットについて
-
タグを教えてください。
-
CookieをWebStoeageに変える
-
Outlookのアカウントがあるとメール...
-
jqueryのselect2で検索欄の文字が消...
-
<tr>指定した表の行要素をボタン...
-
食材の期限を管理するためにGASを利...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次のペ...
-
タグを教えてください。
-
jqueryのselect2で検索欄の文字が消...
-
jsonテキストデータの並び替えがで...
-
初心者です。gulpでコンパイルがで...
-
ラジオボタンを複数選択したときの...
-
階層別の組織図の自動作成について
-
jQueryで同じクラス名のものを別物...
-
二次元配列を使って順位をだすとき...
-
読み込んだQRコードをフォームに受...
-
画面遷移を行わずに同一ページでHTM...
-
セレクトを全て選択されていないと...
-
【Google Apps Script】「ライブラ...
-
Adobe acrobat proでフォームを準備...
-
二次元配列の全要素の全要素を区切...
-
【GAS】WEBアプリでハイパーリンク...
-
GASでGoogleフォームの自動返信シス...
-
フォームが空欄の時にフォームの外...
-
セレクトボックスで配列を呼び出し...
-
イラストレーター、縦中横のショー...
おすすめ情報