回答数
気になる
-
javascriptの計算結果を個別に名前を付けてformで送る方法を教えてください。
お忙しいところお読みいただきありがとうございます。 今個人で子供たちの為のWEBアプリを作成しているのですが どうにも詰まってしまっておりご教授頂けますでしょうか。 チェックボックスで食材をチェックします。 食材には栄養素が登録してあり、チェックをすると加算されていきます。 加算された結果は表示されます。 ここまでが出来ております。 加算された結果をresult.phpにGETで送信したいのですが、 valueに代入する式が分からずうまく送信できません。 どうかよろしくお願いいたします。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta charset="utf-8" /> <title>sample</title> </head> <body> <label><input type="checkbox" name="c" value="牛肉">牛肉</label> <label><input type="checkbox" name="c" value="豚肉">豚肉</label> <label><input type="checkbox" name="c" value="鶏肉">鶏肉</label> <label><input type="checkbox" name="c" value="牛レバー">牛レバー</label> <label><input type="checkbox" name="c" value="豚レバー">豚レバー</label> <label><input type="checkbox" name="c" value="鳥レバー">鳥レバー</label> <label><input type="checkbox" name="c" value="ハム">ハム</label> <div class="a" id="calorie"></div> <div class="a" id="protein"></div> <div class="a" id="lipid"></div> <div class="a" id="carbohydrate"></div> <div class="a" id="calcium"></div> <div class="a" id="iron"></div> <div class="a" id="zinc"></div> <div class="a" id="magnesium"></div> <div class="a" id="folic_acid"></div> <div class="a" id="vitamin_a"></div> <div class="a" id="vitamin_d"></div> <div class="a" id="vitamin_e"></div> <div class="a" id="vitamin_k"></div> <div class="a" id="vitamin_b1"></div> <div class="a" id="vitamin_b2"></div> <div class="a" id="vitamin_c"></div> <div class="a" id="dietary_fiber" ></div> <script type="text/javascript"> var c = document.getElementsByName( "c" ); var a = document.getElementsByClassName( "a" ); var v={ '牛肉' :[371,14.4,32.9,0.2,4,1.5,3,14,5,24,0.4,1.1,13,0.05,0.12,1,0] ,'豚肉' :[263,19.3,19.2,0.2,4,0.3,1.6,15,1,6,0.1,0.3,3,0.69,0.15,1,0], '鶏肉' :[200,16.2,14,0,5,0.4,1.6,19,11,39,0.1,0.2,53,0.07,0.18,3,0], '牛レバー' :[132,19.6,3.7,3.7,5,4,3.8,17,1000,11000,0,0.3,1,0.22,3,30,0], '豚レバー' :[128,44.88,7.48,5.5,11,28.6,15.18,20,1782,13000,2.86,0.88,0,0.75,7.92,44,0], '鳥レバー' :[111,18.9,3.1,0.6,5,9,3.3,19,1300,14000,0.2,0.4,14,0.38,1.8,20,0], 'ハム' :[196,16.5,13.9,13,10,0.5,1.1,19,2,0,0.6,0.3,3,0.6,0.1,50,2.5], } function myfunc(){ var s = [0,0.0,0.0,0.0,0,0.0,0.0,0.0,0,0,0,0.0,0,0.00,0.00,0,0.00]; for( var i = 0; i < c.length; i++ ){ var checkbox=c[i]; if( checkbox.checked ){ for( var k in s ){ s[k]+=v[checkbox.value][k]; s[k]=Math.round( s[k]*1000 )/1000; } } } for( var k in s ){ var id=a[k].getAttribute( "id" ); document.getElementById( id ).innerText = id + " : " + s[k]; } } window.onload = function(){ for( var i = 0; i < c.length; i++ ){ c[i].addEventListener( 'change', myfunc ); } } </script> <form name="sendform" action="result.php" method="get"> <input type="submit" value="結果を送信"> <input type="hidden" name="calorie" value=""> <input type="hidden" name="protein" value=""> <input type="hidden" name="lipid" value=""> <input type="hidden" name="carbohydrate" value=""> <input type="hidden" name="calcium" value=""> <input type="hidden" name="iron" value=""> <input type="hidden" name="zinc" value=""> <input type="hidden" name="magnesium" value=""> <input type="hidden" name="folic_acid" value=""> <input type="hidden" name="vitamin_a" value=""> <input type="hidden" name="vitamin_d" value=""> <input type="hidden" name="vitamin_e" value=""> <input type="hidden" name="vitamin_k" value=""> <input type="hidden" name="vitamin_b1" value=""> <input type="hidden" name="vitamin_b2" value=""> <input type="hidden" name="vitamin_c" value=""> <input type="hidden" name="dietary_fiber" value=""> </form> </body> </html>
質問日時: 2019/06/20 20:01 質問者: みずおち
解決済
1
0
-
どこが間違えているのか分かりません
コンソールには何も表示されないのに、walk.pngが表示されません。 画面は真っ白です。 javascriptのコードはこれです、 let c =document.getElementById('c'); c.width = 640; c.height = 640; let ct = c.getContext('2d'); var walk = new Object(); walk.img = new Image(); walk.img.src = 'img/walk.png'; function add(s, sx, dx, dy){ ct.drawImage(s.img, sx * 50, 0, 50, 80, dx, dy, 50, 80); } ct.fillStyle = '#770'; ct.fillRect(0, 0, 640, 640); add(walk, 1, 0, 0); ファイルはこのように作っています、 index.html js -----------------main.js img -------------- walk.png htmlはこのように作っています、 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>walk</title> </head> <body> <canvas id="c"></canvas> <script type="text/javascript" src="js/main.js"></script> </body> </html>
質問日時: 2019/06/20 14:10 質問者: yoshi00030207
ベストアンサー
2
0
-
javascriptの sx, sy, sw, sh, dx, dy, dw, dhに由来ついて
context . drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)の sx, sy, sw, sh, dx, dy, dw, dhはそれぞれ何の略(由来?)なんですか 使い方はわかっています。
質問日時: 2019/06/19 03:37 質問者: yoshi00030207
ベストアンサー
1
0
-
[レスポンシブのサンプルプログラム全集]みたいな著書は?
題目の通りです。 レスポンシブと限定した場合、ないかもしれませんので ない場合は、旧バージョンでもOKです。 言語は、PHP以外でしたらなんでもいいのです。 Csss、JavaScript が入っていたらなおいいです。 よろしくお願いします
質問日時: 2019/06/01 13:40 質問者: Campus2
ベストアンサー
1
0
-
解決済
1
0
-
jsからcの常駐プログラムへ値を渡すにはどうすればよいでしょうか クライアントがブラウザでウェブペー
jsからcの常駐プログラムへ値を渡すにはどうすればよいでしょうか クライアントがブラウザでウェブページにアクセスし、 ボタンか何かを押すと、 クライアント側で動いている常駐プログラムへ値を渡すには、方法はあるでしょうか
質問日時: 2019/05/28 19:43 質問者: 50cc355_570r9
解決済
1
0
-
name属性の取得
javascriptの初心者です。 以下は、toColon(obj)で取得した文字列の最後にアルファベットの"A"を加えて返すテスト用スクリプトです。 function toColon(obj){ var str = obj.value; obj.value = str + "A"; } これはうまくいきました。 次に、この(obj)のname属性を取得するため、次のようにスクリプトを書き換えましたが、うまくいきません。 function toColon(obj){ var str = obj.value.attr('name'); obj.value = str; } どこがまちがっているでしょうか?
質問日時: 2019/05/25 23:55 質問者: ken2547
ベストアンサー
2
0
-
window.open でなくて 新しいウインドウを開かない関数
window.open は url を 新しいウインドウで開く関数ですが window.open - Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/Window/open でなくて 新しいurl(reloadでない)を 新しいウインドウを開かない関数は 何ですか?
質問日時: 2019/05/23 08:51 質問者: JosephWalden
ベストアンサー
1
0
-
javascriptを実践的に学べる書籍って?
javascriptの書籍について質問です。 実践系の書籍且つES6(2015)以降のソースで実際にプログラムを作る書籍を探しております。が、 何を買うべきなのか迷っております。 すでに、古いらしく今では、それほど参考にならないと過去、技術系の質問サイトで指摘を受けたリファレンス(2011/12/15初版第二刷発行)と その指摘をうけ、新たに購入したリファレンス(es6とそれ以前のものを解説している)があります。 なので次は、実践系の書籍を買おうかと思ったのです。 どのような書籍がおすすめですか。
質問日時: 2019/05/16 17:45 質問者: 1-2-3-4-5-6-7-8
解決済
2
0
-
クリックすると画像を表示するタグ
http://www.openspc2.org/reibun/javascript/mouse/016/index.htmlに、1つだけ表示するタグが載っていたのですが、次々にクリックするとたくさん表示されるようにしたいです。
質問日時: 2019/05/15 07:51 質問者: hgdjl0jklh
ベストアンサー
3
0
-
webサイトでjqueryを使うと普通のjavascriptのコードは使えなくなるのでしょうか? ヘ
webサイトでjqueryを使うと普通のjavascriptのコードは使えなくなるのでしょうか? ヘッダーのアコーディオンメニューを普通のjavascriptで作りました。 複数ページで共有したかったので、ヘッダー部分を分けてjqueryで読み込んだのですが、そうすると、アコーディオンのjavascriptが効かなくなります。 考えられる原因はなんでしょうか? よろしくお願いいたします。
質問日時: 2019/05/14 17:29 質問者: ookey
ベストアンサー
2
0
-
PDF注釈の内容をJavaScriptを使って抽出_注釈コメント内の改行置換について 教えてください
PDF注釈の内容をJavaScriptを使用して抽出して、 表示されたコンソールウィンドウのテキストをエクセルにきれいに貼りたいです。 出来上がりのエクセルは、 A列:注釈が入っているページ B列:注釈の日付 C列:注釈の制作者 D列:注釈の種類 E列:注釈についているコメント内容 としたいのですが、 コメント内に改行があると上手くいきません。 1文目は良いのですが、改行されたコメント内容がA列に貼られてしまいます。 先に 注釈のコメント内の改行を別の何かに置き換えるか、改行自体を削除すれば良いと思うのですが、上手くいきません。 教えてください!! =========================== console.clear(); for (var p = 0; p < this.numPages; p++) { var myAnnots = this.getAnnots({nPage: p}); if (myAnnots != null) { for (var i = 0; i < myAnnots.length; i++) { var msg = (myAnnots[i].page + 1) + '\t' + util.printd("yy/mm/dd HH:MM:ss", myAnnots[i].modDate) + '\t' + myAnnots[i].author + '\t' + myAnnots[i].type + '\t' + myAnnots[i].contents + '\t' console.println(msg); } } } console.show();
質問日時: 2019/05/13 10:54 質問者: TARO_5556
解決済
1
0
-
JavaScriptでレースゲームを作りたい
JavaScriptでレースゲームを作りたいんですけど何をすればいいのか分かりません。 教えて下さい
質問日時: 2019/05/07 22:34 質問者: nao大王
解決済
3
0
-
関数Aの3秒後に 関数B を実行したい
すいません。callbackとsetTimeoutの組み合わせで質問があります。 関数Aの3秒後に 関数B を実行したいのですが、どういったやり方でsetTimeoutを使えば良いでしょうか? 下記の記述だと、「3秒たってからa,bの順番で実行する」となってしまいます。 そうではなく、「aを実行してから3秒たってからbを実行する」としたいです。 よろしくお願いいたします。 var a = function(callback) { console.log("3秒後にもう1つの関数が実行されます"); callback(); } var b = function() { console.log("実行されました") } var c = function() { a(b); } setTimeout(c, 3000);
質問日時: 2019/05/03 19:35 質問者: kemukemu2014
ベストアンサー
1
0
-
onbeforeunloadでnullを返すとIEではダイアログにnullと表示されてしまう
onbeforeunload イベントを使って離脱防止ダイアログを表示させていますが、特定のリンクのリンククリックに対しては、ハンドラの戻り値としてnullを返して、ダイアログを表示させないようにしています。 ChromeやEdgeでは想定通りの挙動をしているのですが、IEでは、onbeforeunload イベントのハンドラの戻り値として null を返すと、メッセージ内容として "null" とダイアログに表示してしまいます。 対策をご存知でしたらご教示ください。 よろしくお願いいたします。
質問日時: 2019/04/25 16:42 質問者: mic_goto
解決済
2
0
-
メモ帳のデータ保存してないのに停電でもとのデータに戻された・・・復元できないんでしょ!?停電のバカ野
メモ帳のデータ保存してないのに停電でもとのデータに戻された・・・復元できないんでしょ!?停電のバカ野郎
質問日時: 2019/04/22 18:11 質問者: ともだちがいない
ベストアンサー
1
0
-
IE11においてのIME予測変換時のイベントについて
IE11においてです。 IMEの機能でWin10から、入力中に予測変換が自動で出てくるようになりました。 このときに発火するイベントについて、ご助言いただきたいのですが、 入力中に自動で出てきた予測変換を 1.マウスのカーソルでフォーカスしたとき、 2.マウスでクリックしたとき に発火するイベントはなにかありますか? 肝としては「キーボードを使わず、マウスでクリックする」ところです。 ちなみに、予測変換で出てくる一欄をマウスのカーソルでフォーカスした時点で「compositionupdate」が発火するのは確認済みなのですが、 これは入力した文字とは異なる文字を予測変換一覧からマウスで フォーカスしたときに発火するものです。 困っている観点としては、元の文字と同じ文字を予測変換一覧からフォーカスし、 クリックしたときに発火するイベントが確認できていないことです。 また、仮にイベントが本当に何も発火しないのであれば、予測変換からマウスで選択したことを確認できるような措置はありますか?
質問日時: 2019/04/18 15:05 質問者: arrayListZJ
解決済
1
0
-
JavaScript で flexslider の画像を小さくしたら、画像部分が左寄せになった。
JavaScript、flexslider 初心者です。 HTML の上部に JavaScript で flexslider の画像を挿入しました。 すると、画像が左端から右端まで、いっぱいに表示されましたが、画像が大きすぎるので、サイズを小さくして表示することとしました。 まず、flexslider.css で .flexslider .slides img について width: 50%; のように変更すると、画像は50%で中央配置になりました。 但し、「左端~画像の左側」及び「画像の右側~右端」に白い部分ができていて、白い部分がジャマです。 次に、flexslider.css で .flexslider について width: 400px; height: 300px; のように変更、 .flexslider .slides img についても width: 400px; height: 300px; のように変更。 すると、画像の両端の白い部分は消えました。 但し、もともと中央配置になっていたものが、flexslider の部分(画像部分)だけ左寄せになってしまい、 .flexslider について margin-right: auto; margin-left: auto; を記述しても中央配置になりません。 「画像サイズを小さくして」「画像の両端の白い部分は表示せず」「中央揃えする」 にはどのようにすればよいか、ご教示お願い致します。 /* 元々の flexslider.css の記述内容 */ /* 画像が端から端まで、いっぱいに表示されている。 */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; margin: 0 auto; display: block; } /* .flexslider .slides img について width: 50%; のように変更すると、画像は50%で中央配置になる。 */ /* 但し、「左端~画像の左側」及び「画像の右側~右端」に白い部分ができる。 */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 50%; margin: 0 auto; display: block; } /* .flexslider について width: 400px; height: 300px; のように変更、*/ /* .flexslider .slides img についても width: 400px; height: 300px; のように変更 */ /* すると、画像の両端の白い部分は消える。 */ /* 但し、もともと中央配置になっていたものが、flexslider の部分だけ左寄せになってしまう。 */ /* .flexslider について margin-right: auto; margin-left: auto; を記述しても中央配置にならない。 */ .flexslider { margin-right: auto; margin-left: auto; padding: 0; width: 400px; height: 300px; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 400px; height: 300px; margin: 0 auto; display: block; }
質問日時: 2019/04/11 17:03 質問者: mapooo
ベストアンサー
1
0
-
javascript初心者です
セミコロンを付けるケースとつけないケースの違いがわかりません 基本的には 「 ~ ; 」で1つの命令文というのは理解できるのですが、何故、構文(?)にはセミコロンを付けないのでしょうか? 例えば同じ if 構文だとしても if( ~ ) { } "○" == "△" ? 1 : 2 ; のように 、何故上記はセミコロンを付けなくていいのかがわかりません
質問日時: 2019/04/07 21:21 質問者: Hypnomatic
解決済
2
0
-
プログラミング 初心者です JavaScript 初心者でもわかりやすく学べるホームページ(無料)を
プログラミング 初心者です JavaScript 初心者でもわかりやすく学べるホームページ(無料)を教えてください。 最新版のでお願いします。
質問日時: 2019/04/06 22:46 質問者: まはまはわ
ベストアンサー
1
0
-
警察は無能ですか?
いわゆるブラクラのサイトのリンクを貼ったとして、兵庫県警が女子中学生を補導したとのことですが、不正プログラムの拡大解釈ではないですか? 例えば以下の文字列をURL欄に貼って実行するだけで、同じ動作が再現できますが、警察は補導または書類送検できますか? javascript:(function(){while(true){alert("m9(^Д^)")}})();
質問日時: 2019/03/29 19:12 質問者: Hypnomatic
解決済
1
0
-
Javascript:チェックボックスの状態に応じてテキストボックスの値を削除する
var a = "" if (BO.F_Flag_1.checked){ BO.F_TCode_1.setValue(a); }else{ BO.F_R1_CName_1.setValue(a); BO.F_R1_CLink_1.setValue(a); } チェックボックスのFlag1をクリックして、チェックが入った場合はTCodeの値を、逆に外れた場合はCNameとCLinkの値を削除する制御がしたいです。 上記のコードで実行したところ、外れた場合は期待通りに動いていますが、チェックが入った場合にTCodeの値を消すことができません。 何が間違っているのか、対処法をご教示いただけますか?
質問日時: 2019/03/19 14:35 質問者: t_t1112
解決済
1
0
-
JavaScriptでタブを閉じたい
お世話になっております。 Google Chrome の拡張機能で、右クリックメニューを作り、 メニューから機能を選択してメールの雛形を作成しています。 今、画面にタブA、B、Cがありまして。タブBを閉じたいのですが、 どうコードを書けばよいでしょうか。 調べたところおよそ以下の様に onclick="window.open('','_self'); window.close(); とやるとよいらしく、実際にやってみると、その動きは A、B、Cの次に4番目のDが新たに作成され、Dが閉じました。 色々調べたのですが、GetTabや GetWindowなどの命令が無いようで、 BをオープンしてクローズしようとしてもDを開いて閉じるだけです。 現在表示している2番目のBを取得し、 それを閉じる方法がわかりませんでした。 マニュフェスト.json バックグラウンド.js コンテンツ.js に どう記述すればよいでしょうか。 あるいは別アプリを作成して SendKeys でコントロールWを送るしかないのでしょうか。 アドバイスの程、どうぞよろしくお願いします。
質問日時: 2019/03/17 08:30 質問者: VT250F
ベストアンサー
1
0
-
業務系WEBアプリでjavascriptの役割
業務系システムでjavascriptを使うとしたらどんな 処理が一般的でしょうか数多くの例をあげて頂けたら 幸いです。 私が思いつくのは入力チェック位しか思いつきません どんな処理にjavascriptはつかわれているのでしょうか
質問日時: 2019/03/16 02:09 質問者: 39OK
解決済
2
0
-
JavaScriptでリンクなどなく遷移した瞬間から作成したテーブルの当日のカラムを表示したい
こんにちは 助けてください! <table>タグを使って表を作成しました。 1ヶ月分の日程が入っている表なのですが、 縦に長いため人画面に収まりません。 そのためスクロールの機能を使って 遷移した瞬間から当日のカラムのところを自動で表示したいのですが、調べてもなかなか出てこなくて困っています。 どなたか教えてください。 よろしくお願いします。
質問日時: 2019/03/11 17:28 質問者: ガウン
ベストアンサー
2
0
-
JavaScriptで、検索結果がでない?。
他のスクリプトをまねて、は寿馬手書いたのですが、検索入力フォームは出ますが、結果が帰ってこないのです。 どこか文章が間違っているのでしょうが、どこをどう尚したらよいか、教えて戴きたいのです。 <html> <head> <META http-equiv="Content-Script-Type" content="text/javascript"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <title>花名検索</title> <script language="javascript" src="link_db.js"></script> <script language="javascript"> <!-- dm_dt=""; kaisu=-1; //検索 function kensaku(){ se_dt=document.jhamel_form.input_name.value; if(dm_dt!=se_dt){ st_no=0; }else{ st_no=kaisu+1; } for(i=st_no;i<=n;i++){ iti=jhamel[i].indexOf(se_dt,0); if(iti != -1){ kaisu=i; break; } } dm_dt=se_dt; if(kaisu==i){ //照合した場合 dt=jhamel[kaisu].split(","); document.jhamel_form.out_hname.value=dt[0]; document.jhamel_form.out_bm.value=dt[1]; document.jhamel_form.out_torno.value=dt[2]; document.jhamel_form.out_kijyun.value=dt[3]; document.jhamel_form.out_trourl.value=dt[4]; document.jhamel_form.out_kamei.value=dt[5]; document.jhamel_form.out_hphot.value=dt[6]; if(dt[1]){ document.jhamel_form.out_ml.value=dt[3]; }else{ document.jhamel_form.out_ml.value=""; } }else{ //照合しない場合 document.jhamel_form.out_hname.value=""; document.jhamel_form.out_bm.value=""; document.jhamel_form.out_torno.value=""; document.jhamel_form.out_kijyun.value=""; document.jhamel_form.out_trourl.value=""; document.jhamel_form.out_kamei.value=""; document.jhamel_form.out_hphot.value=""; kaisu=-1; } } //花写真鑑を開く function trourl_link(){ window.open(document.jhamel_form.out_trourl.value); } //花写真を開く function hphot_link(){ window.open(document.jhamel_form.out_hphot.value); } //--> </script> </head> <body> <center> <h1>花名検索</h1> <table border=0 width=600><tr><td> <hr> <form name="jhamel_form"> <table> <tr><td>検 索 キーワード<br>.</td> <td><input type=text name="input_name" value="" size=30> <input type=button value="検 索" onClick="kensaku()"><hr></td></tr> <tr><td>花名(別名含む)</td> <td><input type=text name="out_hname" value="" size=30></td></tr> <tr><td>別名=*</td> <td><input type=text name="out_bm" value="" size=2></td></tr> <tr><td>登録No</td> <td><input type=text name="out_torno" value="" size=5></td></tr> <tr><td>基準花名</td> <td><input type=text name="out_kijyun" value="" size=30></td></tr> <tr><td>花写真鑑アドレス</td> <td><input type="text" name="out_trourl" value="" size=30> <input type=button value="開 く" onClick="trourl_link()"></td></tr> <tr><td>所属科名</td> <td><input type=text name="out_kamei" value="" size=40></td></tr> <tr><td>代表花写真アドレス</td> <td><input type="text" name="out_hphot" value="" size=30> <input type=button value="開 く" onClick="hphot_link()"></td></tr> </table> </form> <hr> <center> <h1>検索一覧表</h1> ・花写真鑑をクリックすると写真屋解説が見られます。<br> ・花写真をクリックすると代表写真が見られます。<br> <table border=1 width=600> <tr><th>no</th><th>花名(別名含む)</th><th>別名</th><th>登録No</th> <th>基準花名</th><th>花写真鑑</th><th>科名</th><th>花写真</th></tr> <script language="javascript"> <!-- //あいうえお順並べ替え jhamel.sort(); //一覧表用HTML生成 for(i=0;i<=n;i++){ dt=jhamel[i].split(","); document.write("<tr><td align='center'>",i+1,"</td>"); document.write("<tr><td>",,"</td>"); document.write("<tr><td>",,"</td>"); document.write("<tr><td>",,"</td>"); document.write("<tr><td>",,"</td>"); document.write("<td><a href='mailto:",dt[3],"'>",dt[0],"</a></td>"); document.write("<tr><td>",,"</td>"); document.write("<td><a href='",dt[2],"' target='_new'>",dt[1],"</a></td></tr>\n"); } //--> </script> </table> </center> </td></tr></table> </center> </body> </html>
質問日時: 2019/03/11 14:42 質問者: mokunenjin
解決済
2
0
-
【JavaScript】このコードの意味を教えて下さい
お世話になります。 以下のコードはアイコンをクリックしたら 画像を切り替えていくスライドショーのサンプルコードです。 だいたいの意味はわかります。 ですが 「current+=num; //? ここの意味がわかりません。 これって「current=num+current;」の意味ですが、 必要ないと思うのですが、、、実際に消去すると動作しません。 クリックしたアイコンがnextなら「1」、 prevなら「-1」されるので配列型のデータの画像の番号が 1個づつスライドされるのはわかります。 ですが「current=num+current;」する理由って何なのでしょうか? すいませんが、詳しい方、説明の上手な方、 この部分がどういう役割をしているのか教えて下さい。 サンプルコードは以下の通りです。 ※HTMLは上の3行だけです。 ※JavaScriptはHTMLの範囲内に書いています。 <img src="images/image1.jpg" id="BigImg"> <img src="images/prev.png" id="preId"> <img src="images/next.png" id="nexId"> <script> var images=['images/image1.jpg', 'images/image2.jpg', 'images/image3.jpg', 'images/image4.jpg', 'images/image5.jpg', ]; var current=0; var changeImage=function(num){ if(current+num>=0 && current+num<images.length){ current+=num; //? document.getElementById('BigImg').src=images[current]; } }; document.getElementById('preId').onclick=function(){ changeImage(-1); }; document.getElementById('nexId').onclick=function(){ changeImage(1); }; </script>
質問日時: 2019/03/09 03:28 質問者: ZZ-TOP
ベストアンサー
1
0
-
ジャバスプリクトの質問
このプログラムは晴れという文字が表示された場合晴れのアイコンを表示し、雨という文章が表示された場合雨のアイコンを表示するものなのですが二つ目以降の文章に画像が表示されません(下画像参照) どのように改善したら2つ目以降もアイコンが表示されるのでしょうか。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <script> window.addEventListener('load', function() { var text = document.getElementById('text').textContent; var imgWindow = document.getElementById('image_window'); var textList = ['晴れ', '雨']; var imgList = ['Hare.png', 'Ame.png']; var index = textList.findIndex(function(element) { var reg = new RegExp(element); return text.search(reg) != -1; }); if (index != -1) { var image = document.createElement('img'); image.src = imgList[index]; imgWindow.appendChild(image); } },false); </script> </head> <body> <p id="text">今日の天気は晴れです。<span id="image_window"></span></p><br> <p id="text">明日の天気は雨です。<span id="image_window"></span></p><br> <p id="text">明後日の天気は晴れです。<span id="image_window"></span></p><br> </body> </html> このあとidをnameに変更してみたのですが逆に一行目にも画像が表示されなくなりました <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <script> window.addEventListener('load', function() { var text = document.getElementByName('text').textContent; var imgWindow = document.getElementByName('image_window'); var textList = ['晴れ', '雨',]; var imgList = ['Hare.png', 'Ame.png']; var index = textList.findIndex(function(element) { var reg = new RegExp(element); return text.search(reg) != -1; }); if (index != -1) { var image = document.createElement('img'); image.src = imgList[index]; imgWindow.appendChild(image); } },false); </script> </head> <body> <p name="text">天気は晴れです<span name="image_window"></span></p><br> <p name="text">天気は雨です<span name="image_window"></span></p><br> <p name="text">天気は雨です<span name="image_window"></span></p><br> </body> </html> こうゆうことですか? こうすると一行目も画像が表示されないのですが
質問日時: 2019/03/08 16:38 質問者: なかはさTID
解決済
2
0
-
【JavaScript】querySelectorの使い方を教えて下さい
お世話になります。 「querySelector」の使い方について教えて下さい。 ガイドブックのサンプルコードで気が付いたのですが 以下のコードでは1番と2番では出力結果が違います。 1番はわかります。 「querySelector」はCSSのタイプセレクタの値を取得するメソッドなので、 1番の出力結果は理解できます。 ですが、2番の方は意味がわかりません。 「console.log(lang3.textContent);」にしたときの結果が、 「ja」になるのならまだ理解できます。 ですが「.textContent」を追加したわけでもないのに どうして右側に「.lang」を追加しただけで 2番の出力結果は「ja」になるのでしょうか? そう思うので3番で試してみたところ コンソールへの出力は無茶苦茶なものになり 余計にわからなくなりました。 1番は問題ありません。 ですが、なぜ2番と3番はこんな出力結果になってしまうのでしょうか? お手数ですが、JavaScriptに詳しい方、説明の上手な方、 「querySelector」メソッドの使い方、考え方、プロパティ等の扱い方のコツ、etc.を教えて下さい。 追記 ※込み入った説明でなく、ちょっとしたコツのような感じでOKです。 ※可能でしたらサンプルのコードと一緒に説明して頂ければありがたいです。 ※コンソールへの出力結果は画像の通りです。 ↓サンプルのコードはこちらです。 <!doctype html> <html lang="ja"> </html> <script> //1 var lang=document.querySelector('html'); console.log(lang); //2 var lang2=document.querySelector('html').lang; console.log(lang2); //3 var lang3=document.querySelector('html'); console.log(lang3.textContent); </script>
質問日時: 2019/03/07 23:03 質問者: ZZ-TOP
ベストアンサー
3
0
-
【JavaScript】querySelectorで取得した値にテキストを追加したい
お世話になります。 ガイドブックでJavaScriptの勉強をしています。 サンプルコードに動作確認と忘備録のため querySelectorで取得した値をコンソールログに出力しました。 ところが出力の時にテキストの追加が出来るものと、出来ないものがあります。 「全部できる」もしくは「全部出来ない」ならわかるのですが、 出来る場合と出来ない場合の違いが判りません。 querySelectorで取得した値はどういう場合なら、 テキストの追加が可能で、どういう場合は追加出来ないのでしょうか? テキストの追加が出来る場合と出来ない場合の違いを教えて下さい。 追記 もし可能でしたら、テキストを追加する方法も教えて下さい。 サンプルコードは以下です。 ※コンソールの出力結果は画像の通りです <script> var lang=document.querySelector('html').lang; console.log(lang+':言語'); var optB = document.querySelectorAll('option'); console.log(optB); var lang=document.querySelector('html').lang; var opt; if(lang==='ja'){ opt=document.querySelector('option[value="index.html"]'); } else if(lang==='en') { opt=document.querySelector('option[value="index-en.html"]'); } else if(lang==='fr') { opt=document.querySelector('option[value="index-fr.html"]'); } else if(lang==='zh') { opt=document.querySelector('option[value="index-zh.html"]'); } console.log(opt); console.log(opt+':選択したオプションの値'); //選択された値のプルダウンメニューをスライド表示する opt.selected=true; document.getElementById('fomId').selN.onchange=function(){ location.href=document.getElementById('fomId').selN.value; } </script>
質問日時: 2019/03/05 10:24 質問者: ZZ-TOP
ベストアンサー
1
0
-
1つのページに二つのリマーケティングタグを設置し干渉しないようにするには
1つのページに二つのリマーケティングタグを設置し、 お互いを干渉しないようにしたいのですが、 どのようにすればいいでしょうか? 一つは <!-- Global site tag (gtag.js) - Google Ads: ●●●●●●●●● --> <script async src="https://www.googletagmanager.com/gtag/js?id=●●-●●●●●●●●●"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '●●-●●●●●●●●●'); </script> もう一つは <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = ×××××××××; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script> です。 よろしくお願いいたします。
質問日時: 2019/03/03 15:56 質問者: さいとう555
解決済
1
0
-
javascript初心者です。「if文について」
javascriptには何故else ifが存在しないのですか? 詳しい方いましたら教えてください
質問日時: 2019/02/27 20:52 質問者: Hypnomatic
解決済
3
0
-
javascript の配列操作に関して
先頭の要素を追加したり削除するのは、shiftやunshiftで対義語になっているので納得したのですが、末尾の操作に関して、popとpushなのは何故ですか? それだったらpullとpushのが良かったのではないですか? 成り立ちについて詳しい方がいましたら、教えてください。こういうの気にするタイプなのです
質問日時: 2019/02/25 17:01 質問者: hopemagic
ベストアンサー
1
0
-
javascript二次元配列
javascript初心者です。 オセロを作ろうとしていますが、javascriptには二次元配列がないらしくて困っています const FieldWidth = FieldHeight = 8 ; const Field = [FieldHeight , FieldWidth] ; const CellType = ["□","●","○"] ; //空、黒、白石 for( let y = 0 ; y < FieldHeight ; y++){ for( let x = 0 ; x < FieldWidth ; x++){ Field[ y , x ] = CellType[0]; } } VBやCでは、これでオッケーなのですが、javascriptではどう記述すればよいですか? できればループで書きたいので、下記のようにすべての値を手入力するのは避けたいです。 const Field = [ [0,0,0,0,0,0,0,0], //以下略 ];
質問日時: 2019/02/25 00:14 質問者: Hypnomatic
解決済
3
1
-
初歩的な質問かもしれませんが、答えていただけると嬉しいです スライダーの横に矢印をつけたり、下に点々
初歩的な質問かもしれませんが、答えていただけると嬉しいです スライダーの横に矢印をつけたり、下に点々をつけたりしたいのですが、どうすれば良いでしょうか?
質問日時: 2019/02/19 21:21 質問者: きゅうりみかん
ベストアンサー
1
1
-
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
お探しの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したい
おすすめ情報