回答数
気になる
-
【javascript】住所から郵便番号を取得する方法
フォームにテキスト入力した住所に該当する郵便番号の一覧を表示したいと考えております。 ライブラリやAPIなどを利用してjson形式で取得できればと思うのですが、 何か良い方法はないでしょうか。
質問日時: 2020/03/17 22:47 質問者: 25taku
ベストアンサー
3
0
-
javascript
超初歩的な質問で、すみません。 Javascriptのコード、同じもの検索しても、$があるコードも有れば、ないコードもある、何が違いますか?
質問日時: 2020/03/17 20:05 質問者: htaccess_sss
ベストアンサー
4
0
-
jquery.validationEngine.js 添付ファイルのファイル形式 サイズ制限
jquery.validationEngine.jsを使って、メールフォームチェックしていますが、カスタマイズして、添付ファイルのファイル形式とサイズを制限したいです。 とりあえず、ファイル形式の制限なんとかできましたが、サイズの制限はできません。 メールフォーム <input type="file" class="validate[attachment[pdf]" id="attachment" name="attachment[]"> jquery.validationEngine.js case "attachment": errorMsg = methods._getErrorMessage(form, field, rules[i], rules, i, options, methods._attachment); break; _attachment: function (field, rules, i, options) { var uploadedFile = $(field); if (uploadedFile) { var extensions = rules[i + 1]; var mimeFilter = new RegExp(extensions); if (!mimeFilter.test($(uploadedFile).val().split('.').reverse()[0])) { return options.allrules.attachment.alertText; } } else { return true; } }, jquery.validationEngine-ja.js "attachment": { regex": "none", "alertText": "* 画像形式が違います" }, 上のコードにファイルサイズの制限追加したいですが、うまく行きません。追加するなら、書き方を変えたほうがいいのか。 javascriptを完全に理解していないところもあり、カスタマイズすると、手こずってしまいます。 すみません、詳しい方いらっしゃいましたら、教えてください。
質問日時: 2020/03/17 17:52 質問者: htaccess_sss
ベストアンサー
1
0
-
【jQuery】input nameの文字列を変数を使い動的にする方法
質問させて頂きます。 HTMLにて下記のようなふたつのinputがあったとします。 <input name="test-age" value="20"> <input name="test-sex" value="men"> これをjQuery側で、 val input_name = 'age'; val age = $('input[name="test-" + input_name]').val(); のようにして、inputのname部分を変数を使用して作りたいと考えているのですが、上の方法だと文字列の中に変数を入れているためかエラーとなってしまいます。 inputのname部分を動的に記述する方法はないのでしょうか。 もしあれば教えて頂けると幸いです。よろしくお願い致します。
質問日時: 2020/03/02 14:35 質問者: non05410
ベストアンサー
1
0
-
会社でIEを開いて入力するデータベース? システムが導入されました。 そのシステムに大量のExcel
会社でIEを開いて入力するデータベース? システムが導入されました。 そのシステムに大量のExcelのデータ(シート1のa1、b1)を入力していかなければならないのですが、 対象のExcelは1000ファイルを超えているので途方にくれています。 Excelをそのまま取り込む機能はないそうです・・・・ そのシステムは、2つのテキストボックスがあり、 Excelのシート1のa1、b1を入力し、Enterボタンを押して登録される仕組みの簡単なものです。 JavaScriptを使って自動入力的なことはできないでしょうか? IE11、Windows7の環境です。 会社のルールでWindows標準アプリしか使用できません。 JavaScriptでできればいいのですが… JavaScript以外にも何か良い方法がありましたら教えてください。
質問日時: 2020/02/24 16:30 質問者: 笑顔で行きたい
解決済
5
1
-
javascriptを無効にするメリットとデメリットを教えて下さい
javascriptを無効にするメリットとデメリットを教えて下さい
質問日時: 2020/02/20 20:43 質問者: g7tjb
解決済
3
0
-
すでにあるWebページのHTMLを一つの<script>で書き込む方法
たとえば、if(x>5){writein(埋め込みたいHTML)}のようにHTMLを書き込むかどうかをif文で分けようと考えていたのですが、 <script language="JavaScript"> ・・ ・・ </script> <body> ・・ ・・ </body> という埋め込みたいHTMLが2つありこの中身をまるっと更に別のメインのHTMLに書き込む事のできるJavaScriptの方法を考えています。 writeinではこのようなことはできないのは承知しています。 framesetやiframeのようにHTMLを分割したくないためこのようなことを考えているのですがですがなにか方法はないでしょうか。
質問日時: 2020/02/20 14:04 質問者: ハルノブ
ベストアンサー
1
0
-
GASのエラーを解消したい
https://output.willway.net/?p=404 こちらを参考にTimetreeのAPIを使用しGoogleカレンダーへの予定コピーを試みています。 timetreeのカレンダーIDの取得等はできたのですが、以下の場所でエラーになってしまいます。 エラー表示内容:条件の後に ) がありません。 該当部分 --------------------- if(googleCalendarEvent.isAllDayEvent() == true && timetreeEvent.attributes.all_day == true){ //どちらも終日予定 var googleCalendarStartDate = Utilities.formatDate(googleCalendarEvent.getStartTime(),"JST", "yyyy/MM/dd"); var googleCalendarEndTime = new Date(Utilities.formatDate(googleCalendarEvent.getEndTime(),"JST", "yyyy/MM/dd")); var googleCalendarEndDate = Utilities.formatDate(new Date(googleCalendarEndTime.getYear(),googleCalendarEndTime.getMonth(),googleCalendarEndTime.getDate()-1),"JST", "yyyy/MM/dd");//googleカレンダーの終日予定の最終日は1日多く返ってくるので減算 var timetreeStartDate = Utilities.formatDate(new Date(timetreeEvent.attributes.start_at),"JST", "yyyy/MM/dd"); var timetreeEndDate = Utilities.formatDate(new Date(timetreeEvent.attributes.end_at),"JST", "yyyy/MM/dd"); --------------------- わかる方いらっしゃいましたらアドバイスをお願いいたします
質問日時: 2020/02/13 19:57 質問者: sonotaoozei37
ベストアンサー
1
0
-
Excelシート上で ボタンのハイパーリングを1回押すごとセル参照の位置を変えたい。
Sheet1(台帳)のD2セル(固定)でNo1(D7セル)~No100(D107セル)までの一連番号を入力し、Sheet2(伝票入力シート)の伝票番号欄に転記しています。Sheet2に必要項目を入力し伝票を印刷した後、ボタンを押してSheet1に戻るようにしています。しかし、ハイパーリングのセル参照のセル(D2)にもどるので、例えばSheet1の台帳で一連番号ごと1行にデータを記録している様な場合、Sheet2でNo50の伝票を作成し、ボタンでSheet1に戻るとD2に戻り、順次作成してきた台帳のNo50の行の記録を確認するためにはカーソルをかなり下げなければならず手間がかかり面倒です。 Sheet2からボタンでSheet1に戻るとき、Sheet1のD2で入力した一連番号の右のセルに戻る様な方法があったら教えて下さい。
質問日時: 2020/02/03 20:54 質問者: sanshaintosi
ベストアンサー
2
0
-
jQuery の jqPlotプラグイン
jQuery の jqPlotプラグインを利用し開設しているサイトにて、下記のコードでグラフを表示させています。 同じページ内に、別にもう一つグラフを設置したいと思っているのですが、どのようなコードを追加すれば良いでしょうか? 現在掲載しているのは二つの折れ線グラフ(同じグラフ内に二つの線)ですが、追加したいのは一つの折れ線グラフです。 ご存知の方いらっしゃいましたら、ご教示ください。 よろしくお願いします。 <script language="JavaScript"> $(function(){ first = [ [1,11],[2,16],[3,16],[4,14],[5,11],[6,12],[7,12],[8,12],[9,12],[10,15],[11,15],[12,13],[13,12],[14,14],[15,11],]; second = [[1,8],[2,5],[4,12],[5,12],[6,15],[7,12],[8,11],[9,9],[10,10],[3,9],[11,12],[12,12],[13,12],[14,15],[15,15],]; $.jqplot( 'line', [ first,second ], { seriesDefaults: { pointLabels: { show: true, formatString: '%d' } }, axes: { yaxis: { ticks: [[17,""],[16,"16位"],[15,"15位"],[14,"14位"],[13,"13位"],[12,"12位"],[11,"11位"],[10,"10位"],[9,"9位"],[8,"8位"],[7,"7位"],[6,"6位"],[5,"5位"],[4,"4位"],[3,"3位"],[2,"2位"],[1,"1位"],[0,""]], }, xaxis: { min:1, max:15, ticks: [[0,""],[1,"1節"],[2,"2節"],[3,"3節"],[4,"4節"],[5,"5節"],[6,"6節"],[7,"7節"],[8,"8節"],[9,"9節"],[10,"11節"],[11,"12節"],[12,"13節"],[13,"14節"],[14,"10節"],[15,"15節"],[16,""]], }, }, series: [ { label: '1st' }, { label: '2nd',color: 'gray' }, ], legend: { show: true, location: 'ne', } } ); }); </script> <div id="line" style="height: 350px; width: 90%;margin:0 auto;"></div>
質問日時: 2020/01/03 22:33 質問者: kazuking115
ベストアンサー
1
0
-
javascriptがわからない
for文で表示したdiv要素がクリックされたときに、クリックされたdiv要素のdata-idの値を取得するにはどうすればいいですか。 イメージ <div id="product" data-id="json[1].id" onclick="product();"> <div id="product" data-id="json[2].id" onclick="product();"> <div id="product" data-id="json[3].id" onclick="product();"> 分かりにくかったらすいません。
質問日時: 2019/12/27 14:29 質問者: しすてむ1030
ベストアンサー
2
1
-
javascriptで外部cssの特定のクラスを削除する方法はありますか? jqueryは使えません
javascriptで外部cssの特定のクラスを削除する方法はありますか? jqueryは使えません。
質問日時: 2019/12/19 16:32 質問者: オールドファッション0822
ベストアンサー
2
0
-
javascript で乱数(文字)を発生させて表示する方法
お世話になっております。 PDFのフォームを作成しているのですが あるテキスト項目に javascript で乱数(文字)を発生させて表示したいと思います。 乱数は 以下で発生できるらしいのですが テキストフィールドでの表示ができなくて困っています。 var len = 8; var str = "abcdefghijklmnopqrstuvwxyz"; var strLen = str.length; var result = ""; for (var i = 0; i < len; i++) { result += str[Math.floor(Math.random() * strLen)]; } console.log(result); // ----- この下の記述が 間違っているような。。。。 var f = this.getField("Text1"); f.value = util.printd("result", console.log()); ご教示いただければ幸いです。
質問日時: 2019/12/19 13:46 質問者: ya-ya-
ベストアンサー
1
0
-
地図画面移動のプログラムについて
教えてください。 画面に表示されている地図を動かす時に移動中の地図の分を次々に読み込むjavascriptとリクエストを受けるサーバーの処理(node.js)のプログラムはどのように書くのでしょか?
質問日時: 2019/12/07 10:01 質問者: ymoshimoshi
ベストアンサー
1
0
-
AngularのNgmoduleやngコマンドのngはどういう意味ですか?
教えてください。 Angularの説明が書いてある書籍で、 ngという文字が付いているものが 多く見受けられるのですが、 ngとは何の略でしょうか? また特別意味があるのでしょうか?
質問日時: 2019/12/03 08:28 質問者: ymoshimoshi
解決済
1
0
-
JavaScriptの即時関数をアロー関数で表した場合括弧の位置が推奨と違うのでしょうか
例えば、通常の関数が次のように定義されていた場合、 アロー関数で表しても一番外側にある括弧は同じ位置ではありません。 即時関数: (function func(){ 関数処理; }()); 即時関数(アロー関数で表した場合): (func=>(...関数処理...)()); しかし、引数指定がある即時関数の場合は、 let c = (function func(a,b){ return a+b; }(1.3)); console.log(c); // 出力値 4 大外の括弧の位置を遵守してアロー関数で表すと、関数そのものが出力されてしまいます。 let c = (func =(a,b)=>(a+b)(1,3)); // 出力値は、(a,b)=>(a+b)(1,3)となり関数を返してきます。 アロー関数で具体的な値を予め設定された引数を持つ即時関数をアロー関数で表すには、 let c = (func =(a,b)=>(a+b))(1,3); // 出力値 4 上記のように括弧の位置を変更する必要があります。 これはECMAScript推奨の即時関数の大外の括弧の位置と異なります。 ECMAScriptと異なる方法を取る必要性があったのか、 この理由を御存知の方がいらっしゃいましたら、御回答頂けますでしょうか。 アロー関数の仕様と言われれば、それまでですが、納得がいかないのです。 即時関数: (function func(){ 関数処理; })(); これでも正しく動作するからいいのではないかというのは、 正しい記法とは異なるので無しでお願いします。 どうぞよろしくお願い申し上げます。
質問日時: 2019/11/28 15:23 質問者: re1ue
解決済
3
0
-
js doctype宣言を打つとプログラムが動きません
js初心者です。 ネットの記事を参考にプログラムを書いたのですが、<!doctype html>を打つとプログラムが作動しません。どこが間違っているのかわからないので教えてくれると助かります。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <title>sample</title> </head> <body background="background.jpg"> <div id="mario" style="POSITION:absolute;Z-INDEX:1;VISIBILITY:visible;TOP:380px;LEFT:680px;"> <img src="mario.jpg" width="24" height="36"> </div> <script> var x = 680; var y = 380; var pv = 10; var left = 0; var up = 0; var right = 0; var down = 0; function keydown(event){ if(event.which == 37){ left = 1; } if(event.which == 38){ up = 1; } if(event.which == 39){ right = 1; } if(event.which == 40){ down = 1; } disp(); } function disp(){ if(left==1){ x = x - pv; } if(up==1){ y = y - pv; } if(right==1){ x = x + pv; } if(down==1){ y = y + pv; } document.getElementById("mario").style.left=x; document.getElementById("mario").style.top=y; } function keyup(event){ if(event.which == 37){ left = 0; } if(event.which == 38){ up = 0; } if(event.which == 39){ right = 0; } if(event.which == 40){ down = 0; } } document.onkeydown = keydown; document.onkeyup = keyup; </script> </body> </html>
質問日時: 2019/11/18 21:25 質問者: Atom3991
ベストアンサー
2
0
-
JavaScriptのparseIntの読み方教えて下さい。
タイトル通りです。JavaScriptの「parseInt」の読み方教えて下さい。 parseInt=
質問日時: 2019/11/18 17:30 質問者: J-009
ベストアンサー
1
0
-
アロー関数のIE対応にpolyfillでは有効にならない?
ES6から導入されたアロー関数ですが、IEは未対応です。 polyfill.io で ES6用のpolyfillを読み込んでも、IE11で構文エラーが出てしまいます。 <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> アロー関数は polyfill では対応出来ないということなのでしょうか? promise や fetch は polyfill で対応出来ましたが、アロー関数(ES6)はうまくいきません。 現状ですと既に書いたものを対応させるには、 ・アロー関数の箇所を書き直す ※babelのサイトでもソースをペーストして変換可能 ・babel等の環境を構築してコンパイルする これまでBabelやWebpackを使うことがなかったので、古い書き方をしていたのですが、 最近はそうも言ってられなくなってきたので、ES6以降のコードを書くようになってきたのですが、そうなるとIEでは動かない… それで polyfill で対応しようと、毎回 polyfill を読み込んだりしているのですが、アロー関数は動かずで質問させていただきました。 ご教授よろしくお願いします。
質問日時: 2019/11/16 16:48 質問者: dragstar2005
ベストアンサー
2
0
-
edgeでスクロールバーに色が表示されない
IE11では次の様に表示される http://www43.tok2.com/home/kkcec/toku2/
質問日時: 2019/11/13 16:36 質問者: kkcec
解決済
4
0
-
RESTが分かりません。
初心者です。教えてください。 RESTについて調べてみるとrepresentationとかstatelessとかresourceとか色々説明書きされていますが、 結局どのようなプログラムの動き、連携することによってメリットがあるのか、URIにセットすると動くのか構造的なイメージが分かるようなものがありません。
質問日時: 2019/11/12 10:21 質問者: ymoshimoshi
解決済
2
0
-
<span><div><input>いずれの値でも取得できる方法
いつもお世話になっています。 相変わらず、Javascriptについて教えてください。 単価:<span id='a1'></span> 円/個 使用量<input type="number" id="x1")>個 計<span id='ax1'></span> 円 や、 単価:<span id='a2'></span> 円/個 使用量<span id='x2'></span> 個 計<span id='ax2'></span> 円 単価:<input type="number" id="a3") 円/個 使用量<span id='x3'></span> 個 計<span id='ax3'></span> 円 で cal_ax('a1','x1','ax1'); cal_ax('a2','x2','ax2'); cal_ax('a3','x3','ax3'); として使える関数cal_ax(A,X,AX)の作り方教えてください。 <script language="JavaScript"> function D(s) { return document.getElementById(s)}; function cal_ax(A,X,AX) { var a = D(A).textContent; var x = D(X).value; var ax = parseInt(a)*parseInt(x); D(AX).innerHTML = ax; } では、使用量Xがinputの場合しか対応できません。 よろしくお願いします。
質問日時: 2019/11/11 10:33 質問者: usa3usa
ベストアンサー
3
0
-
単価を選んで、利用量を入力して、積を表示するWEBページの作り方
いつもお世話になっています。 単価を選んで、利用量を入力して、積を表示するWEBページの作り方教えてください。 単価を選んで a に表示するところまでは出来ています。 単価a と 使用量x から 合計金額ax を求めたつもりが、undefined と表示されてしまいます。 どこを修正すればよいのか、教えて下さい。 <p> <select name="a_select" onchange="a_out(this,'a');"> <option selected value="0">サービス内容を選択してください</option> <option value="11">[サービス名11]</option> <option value="12">[サービス名12]</option> <option value="13">[サービス名13]</option> <option value="14">[サービス名14]</option> <option value="15">[サービス名15]</option> <option value="16">[サービス名16]</option> <option value="17">[サービス名17]</option> </select> 単価:<span id='a'>10</span> 円/個 使用量<input type="number" id="x" onchange="cal_ax('a','x','ax');">個 計<span id='ax'></span> 円</p> <script language="JavaScript"> function D(s) { return document.getElementById(s)}; function a_out(obj,A) { var idx = obj.selectedIndex; var value = obj.options[idx].value; D(A).innerHTML = value; } function cal_ax(A,X,AX) { var a = D(A).value; var x = D(X).value; var ax = parseInt(a)*parseInt(x); D(AX).innerHTML = a; } </script>
質問日時: 2019/11/08 17:16 質問者: usa3usa
ベストアンサー
1
0
-
セレクトメニューの連動について
CMSの更新画面で、すでに選択された状態での連動について教えてください。 連動そのものは問題ないのですが、更新画面で、親・子とも選択された状態で表示しますと、子の方は全て表示された状態です。 これを、[親]日本が選択された状態では、[子]は日本の地域のみ表示・選択できる状態にして、[親]を変更した場合は再度連動させたいのです。 $(function() { var $children01 = $('.children01'); var original = $children01.html(); $('.parent01').change(function() { var val1 = $(this).val(); $children01.html(original).find('option').each(function() { var val2 = $(this).data('val'); if (val1 != val2) { $(this).not('optgroup,.msg').remove(); } }); if ($(this).val() === '') { $children01.attr('disabled', 'disabled'); } else { $children01.removeAttr('disabled'); } }); }); //親 <select class="parent01 mandatory" name="input_group"> <option class="msg" value="">[国選択]</option> <option value="1" selected>日本</option> <option value="2">イギリス</option> </select> //子 <select class="children01 mandatory" name="input_name"> <option class="msg" value="">[地域選択]</option> <option value="北海道" data-val="1" selected>北海道</option> <option value="秋田" data-val="1">秋田</option> <option value="青森" data-val="1">青森</option> <option value="イングランド" data-val="2">イングランド</option> <option value="スコットランド" data-val="2">スコットランド</option> <option value="アイルランド" data-val="2">アイルランド</option> </select> いろいろ調べてみましたが、どうにもわかりません。 ご教示いただけないでしょうか? 宜しくお願いいたします。
質問日時: 2019/11/03 15:54 質問者: warashi1994
ベストアンサー
1
0
-
アロー関数がよくわかりません
同じ処理を使いまわすときに、関数を使いますが、下の例では関数を使ってますが、(どうやって使わずにかけるかわかりませんが)使う必要は無い気がします。 というか、アロー関数の働きが実感としてよくわからないので、下の例が理解出来ないんです。 で質問です 1.関数を使わずに書き直すとどうなりますか? 2. アロー関数ではなく、普通の関数(?)を使って書き直すとどうなりますか? よろしくお願い <script> window.addEventListener('DOMContentLoaded', ()=>{ document.querySelector('#btn').addEventListener('click',()=>{ var file=document.querySelector('#temp').files[0]; if(file !==undefined){ var fr = new FileReader(); fr.addEventListener('load',e=>{ var blob=new Blob([e.target.result],{"type":file.type}); var binary=String.fromCharCode.apply("",new Uint8Array(e.target.result)); var base64="data:"+file.type+";base64,"+btoa(binary); console.log(blob); console.log(binary); console.log(base64); }); fr.readAsArrayBuffer(file); } }); }); </script>
質問日時: 2019/10/30 07:23 質問者: usa3usa
ベストアンサー
1
0
-
入力した値の積を表示するWEBページの作り方
利用時間の入力欄に数字を入力すると請求額の欄に請求額を表示するWEBページを書いてみましたが動きません。 やりたい事は、入力欄に"5"が入力されると x="5" a="10" なので 文字列 "10*5"を Function()で評価して文字列"50"を作ってそれをaxに代入して、表示 ”請求額 50 円"にする ということです。 <p> 利用時間<input id="x" onclick="culc1()">分 単価<input value="10" id="a">円/分 請求額<input id="ax">円</p> <script language="javascript" type="text/javascript"> var ax = document.getElementById("ax"); function calc1() { ax.value = new Function(a + "*" + x)(); } </script>
質問日時: 2019/10/23 16:55 質問者: usa3usa
ベストアンサー
2
0
-
ローカルだとうまくいくのに外部からだとJavaScriptが途中で止まる
ローカルでhtmlファイルを開くと問題なくJavaScriptが実行されますが,PCでサーバを立て,複数の別端末からサーバにアクセスしてhtmlファイルを開くと35行目から実行されません 試しにPCのブラウザのアドレスバーに「PCのグローバルip:8000」を打ってページを開いても同じでした 何が原因か教えていただけると助かります OSはwin10,ブラウザはchromeです
質問日時: 2019/10/04 17:11 質問者: ごろごろさん2
解決済
2
0
-
SVGを使用する際のネームスペース http://www.w3.org/2000/svg について
Webアプリ初心者です。 WebページでSVGを使おうと思い、ネットを参考に書いているところです。 svgタグには名前空間"http://www.w3.org/2000/svg"を宣言しろ とあったのですが、 このURLにアクセスできない環境(イントラ内でだけ公開するwebページを作っています) でも大丈夫でしょうか? LANケーブル抜いてテストし、動きはしたんですが、 キャッシュか何かで動いちゃってるだけ?と不安です。 どなたかご教示宜しくお願い致します。
質問日時: 2019/10/03 16:48 質問者: 1qazxsw2
ベストアンサー
1
0
-
Javascript での符号付き変数の取扱い方
Javascript で符号付き変数として数値を取り出したいのですが、 例 var sig="32769"; var val; val= parseInt(sig,10); これを符号付き32bitの整数(-1)として取り出したいのですが、 上の例では64ビットの正数(32769)となっていまいます。 この場合どの様にすればよいのでしょうか? 宜しくお願いします。
質問日時: 2019/10/01 19:58 質問者: monokuro_venus
ベストアンサー
3
0
-
JavaScriptからJavaアプレットのメソッドを呼び出したい。
古いですがJavaScript第5版を中古で買ってサンプルスクリプトを順に実行しています。 22.7.1 Javaによる円グラフの最初のコードでつまずきました。 次に私が書き写したサンプルコードを貼り付けます。 例22-14 クライアントサイドでの描画を行うためのJava Canvasアプレット import java.applet.*; import java.awt.*; import java.awt.geom.*; import java.awt.image.*; /** * この単純なアプレットは、これ自身では何もしない。クライアントサイド * JavaScriptコードから利用できるようにAPIをエクスポートするだけ。 */ public class Canvas extends Applet { BufferedImage image; // このオフスクリーン画像に対して描画する。 Graphics2D g; // このグラフィックコンテキストを利用する。 // ブラウザがこのメソッドを呼び出してアプレットを初期化する。 public void init() { // アプレットの大きさを調べて、その大きさのオフスクリーン // 画像を作成する。 int w = getWidth(); int h = getHeight(); image = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB); // 画像描画用のグラフィックコンテキストを取得する。 g = image.createGraphics(); // 真っ白な背景色から始める。 g.setPaint(Color.WHITE); g.fillRect(0, 0, w, h); // アンチエイリアスを有効にする。 g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); } // アプレットの再描画が必要なときに、ブラウザがこのメソッドを自動的 // に呼び出す。オフスクリーン画像をオンスクリーンにコピーする。 // JavaScriptコードから再描画させたい場合は、このメソッドではなく、 // このメソッドを継承したrepaint()メソッドを呼び出す。 public void paint(Graphics g) { g.drawImage(image, 0, 0, this); } // 以下のメソッドは、基本的な描画パラメータを設定する。 // これはほんの一部で、Java2D APIはもっと多くのパラメータをサポートする。 public void setLineWidth(float w) { g.setStroke(new BasicStroke(w)); } public void setColor(int color) { g.setPaint(new Color(color)); } public void setFont(String fontfamily, int pointsize) { g.setFont(new Font(fontfamily, Font.PLAIN, pointsize)); } // 以下のメソッドは基本的な描画API。 public void fillRect(int x, int y, int w, int h) { g.fillRect(x,y,w,h); } public void drawRect(int x, int y, int w, int h) { g.drawRect(x,y,w,h); } public void drawString(String s, int x, int y) { g.drawString(s, x, y); } // 以下のメソッドは、任意の図形を塗りつぶしたり、描画したりする。 public void fill(Shape shape) { g.fill(shape); } public void draw(Shape shape) { g.draw(shape); } // 以下のメソッドは、単純なShapeオブジェクトを返す。 // これは単なる例で、Java2D APIはもっと多くのAPIをサポートする。 public Shape createRectangle(double x, double y, double w, double h) { return new Rectangle2D.Double(x, y, w, h); } public Shape createEllipse(double x, double y, double w, double h) { return new Ellipse2D.Double(x, y, w, h); } public Shape createWedge(double x, double y, double w, double h, double start, double extent) { return new Arc2D.Double(x, y, w, h, start, extent, Arc2D.PIE); } } コンパイルされたCanvas.classをHTMLファイルに埋め込み、スクリプトから制御するサンプルコード <head> <script> window.onload = function() { var canvas = document.getElementById('square'); canvas.setColor(0x0000ff); // 色を整数で指定することに注意。 canvas.fillRect(0,0,10,10); canvas.repaint(); canvas = document.getElementById('circle'); canvas.setColor(0xff0000); canvas.fill(canvas.createEllipse(0,0,10,10)); canvas.repaint(); }; </script> </head> <body> This is a blue square: <applet id="square" code="Canvas.class" width=10 height=10></applet> This is a red circle: <applet id="circle" code="Canvas.class" width=10 height=10></applet> </body> これを実行すると、5行目のcanvas.setColor(0x0000ff);のところで、 オブジェクトは 'setColor' プロパティまたはメソッドをサポートしていません。 となって停止してしまいます。 どんな原因が考えられますか。
質問日時: 2019/09/28 00:05 質問者: zyousuke
ベストアンサー
2
0
-
jQueryで特定のURLの時のみ表示
お世話になります。jQuery初心者です。 特定のURLの時のみ画像を表示にしたいのですが、うまくいかずに行き詰っています。 CSSで display: none; になっている部分を変えたいだけなのですがうまくいきません。 ※Iframeは変えられません。外部の画像を読み込むので。 いろんな方のHPを見て試しましたがうまくいきません。 お力をお貸しください。よろしくお願いします。 【条件】 もしURLが http://example.com/ なら、displayをblockにして画像表示。 もしURLが 上記以外なら、そのままで画像は非表示。 【HTML】 <iframe src="画像URL" class="slide2019" scrolling="no" frameborder="no" style="width: 100%; height: 500px; display: none;"> </iframe> 【jQuery】 jQuery(window).bind("load", function(){ // 現在ページのURL取得 var url = window.location.href; // 現在ページが http://example.com/ なら実行 if(url == 'http://example.com/ '){ jQuery('.slide2019').css('display','block'); } });
質問日時: 2019/09/17 17:10 質問者: Kropla
ベストアンサー
2
0
-
おすすめのプログラミング言語を教えてください
今副業でプログラマーをしたいと思っております。 今はJavaScript python Rubyを勉強中ですが他に何かおすすめのプログラミング言語を教えてください。 また、副業でおすすめなものがあれば教えてください
質問日時: 2019/09/16 21:14 質問者: あるまかん
ベストアンサー
6
0
-
javascriptで「オブジェクトを指定してください」と表示される
windows server 2012、ブラウザはIE11で開発しています。 そこで動作した画面を別のwindows server 2012・IE11の環境を構築し動かすと、どうもjavascriptが動作していないようで、F12を押下しデバッガを見てみると、「オブジェクトを指定してください」の部分でブレイクしています。色々調べてみると「IEのバージョンが古い・ソースが誤っている」とのことが書かれているところもありましたが、同じバージョンで動作しているものなのでそれが原因ではないのかなと。他に「jsがちゃんと読み込めていない」とも記されているところもありました。それが原因だとすると、何の設定をしなければならないのかご教示いただきたいです。あまりweb・javascriptに詳しくないので大事な設定が漏れているのではないかと思っています。セキュリティオプションは同じに変更してリブートもしてみましたが、現在まだ状態変わらず。
質問日時: 2019/09/10 00:10 質問者: tell_me_goo
ベストアンサー
2
0
-
javascriptで文字列のsjis利用可能チェックをしたい
あるwebシステムを開発予定です。 そのシステムのwebページはUTF-8で作成するのですが、そのページのフォームで入力した文字データがShift-JIS(またはMS932)で扱える文字であるかをjavascriptでチェックしたいです。 このデータは最終的にMS932で動作するシステムに登録するため、取り扱い可能かをサブミット前にチェックしたいです。 参考になる手法が掲載されたサイトやOSSのご紹介を頂きたいです。 よろしくお願いします。
質問日時: 2019/08/27 22:38 質問者: hnks192059
ベストアンサー
2
0
-
ブラウザがIEでかつ7以下であるならばポップアップ表示をさせたい
こんばんわ。 今回やりたいことは、JavaScriptを使って、ブラウザのバージョンを判別し、メッセージをポップアップさせたいと思っています。 いかんせん、やっと最近HTMLとCSSの使い方がわかってきた程度で、JavaScriptは初心者です。(プログラム自身はVBAなどでそこそこ作っているので、なんとなくやり方はわかるんですが、が全く分かりません) 以下のようなサイトを見つけました。 http://jisakupc-technical.info/programing/javascript/4514/ 【以下ページ内のプログラム】 // ブラウザのUAを小文字で取得 var userAgent = window.navigator.userAgent.toLowerCase(); // IEの判定 var isIE = (userAgent.indexOf('msie') >= 0 || userAgent.indexOf('trident') >= 0); // IEのバージョンを取得 if (isIE) { // 正規表現によりUA文字列を配列に分割 var arr = /(msie|rv:?)\s?([\d\.]+)/.exec(userAgent); version = (arr) ? arr[2] : ''; return 'ie'+version; } else { // IE以外のブラウザ判定 if (userAgent.indexOf('chrome') != -1) { /* Google Chrome. */ return 'chrome'; } else if (userAgent.indexOf('firefox') != -1) { /* FireFox. */ return 'firefox'; } else if (userAgent.indexOf('safari') != -1) { /* Safari. */ return 'safari'; } else if (userAgent.indexOf('opera') != -1) { /* Opera. */ return 'opera'; } else if (userAgent.indexOf('edge') != -1) { /* Edge. */ return 'edge'; } else if (userAgent.indexOf('gecko') != -1) { /* Gecko. */ return 'gecko'; } else { return false; } } 分からないのが、Returnで返り値を返していますが、「どこ」に返しているのでしょうか? HTML構文内? この辺の、JavaScriptとHTMLの関連性がよく理解できていません。 最終的にやりたいのは、ブラウザがIEでかつ7以下もしくはIE8だが互換表示モードだとポップアップをさせたいということです。 何か良いアドバイスを頂けると大変助かります。
質問日時: 2019/08/18 00:04 質問者: ろでます
ベストアンサー
1
0
-
自分でJavaScriptを書いたのですが、何も表示されません
<html> <head> <title>誕生日をあてる</title> <script language="JavaScript"><!-- d=prompt("あなたの生まれた日を入力してください",""); d=parseInt(d); a=d*25+8; window.alert("25倍して、8を足します "+a+""); b=a*4+1; window.alert("4倍して、1を足します "+b+""); m=prompt("あなたの生まれた月を入力してください",""); m=parseInt(m); c=b+m-33; window.alert("誕生月を足して、33を引きます" "+c+""); window.alert("十、一の位の数があなたの誕生月、千、百の位の数があなたの誕生日です"); window.alert("あなたの誕生日は"+m+"月"+d+"日です"); // --></script> </head> <body> </body> </html> これのどこが間違えていますか? 僕は昨日勉強を始めたような超初心者なので、分かりやすく教えてください。
質問日時: 2019/08/16 08:09 質問者: KM03
解決済
3
0
-
jqueryを@keyframesに変換2
jqueryを@keyframesに変換2 jqueryのfadeInしてfadeOutするソースを jquery抜きで@keyframesに変換して アニメーションを実現したいと考えています。 <style> #display { color: white; background-color: black; display: none; } </style> <button type="button" id="button">button!</button> <div id="display">fadeIn-fadeOut</div> <script src="https://code.jquery.com/jquery-1.12.4.min.js"> </script> <script> $('#button').on('click', function() { $('#display').fadeIn("1000", function() { $(this).delay(1000).fadeOut(1000); }); }); </script> ボタンを押すと ふわっと現れてもとに戻って消えるやつです。 これを <style> #display { color: white; background-color: black; } .fadein { animation: fadeInAnimate 1s; animation-fill-mode: both; } @keyframes fadeInAnimate { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeout { animation: fadeOutAnimate 1s; animation-fill-mode: both; } @keyframes fadeOutAnimate { 0% { opacity: 0; } 100% { opacity: 1; } } </style> のようなCSSを使って jquery抜きのJavaScript と css の @keyframes で書くにはどのようにすればよいでしょうか?
質問日時: 2019/08/13 11:13 質問者: JosephWalden
ベストアンサー
1
0
-
jqueryのhideとfadeInについて
jqueryのhideしてfadeInするソースを jquery抜きで実現したいと考えています。 <style> #display { color: white ; background-color: black ; } </style> <button type="button" id="button">button!</button> <div id="display">display</div> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script> document.getElementById("button").onclick = function() { $('#display').hide().fadeIn(1000); }; </script> ボタンを押すと消えてそのあとふわっとしてもとに戻るやつです。 jquery抜きのJavaScript もしくは CSS で書くにはどのようにすればよいでしょうか?
質問日時: 2019/08/06 10:24 質問者: JosephWalden
ベストアンサー
2
0
-
JavaScriptって、HTMLとCSSにとってどんな存在なんでしょうか?
変な質問ですみません。 HTMLとCSSは、サイト制作をする上で切っても切れない、恋人同士の存在かと思ってました。 この2言語がサイトの全てを構成していると思いきや、コードをよくよく見てみると、JavaScriptも出てきました。 自分にとっては、HTMLとCSSの仲を壊す愛人のような存在なのですが、JavaScriptもサイト制作によく使う言語ですか? HTML→テキスト CSS→静的コンテンツ JavaScript→動的コンテンツ というような役割分担でしょうか。 さらに、PHPの文字も発見しました。 頭が爆発しそうです。
質問日時: 2019/08/02 13:15 質問者: inspi
解決済
2
0
-
javascriptでAPIをcallしたい
動画の再生が終わったらサイト内のfunction syori()に渡したい APIリファレンスを見ても adPlayer.on('AdStopped', function(){}); でcallを使え以外の 説明がありません。API公開者がフランスの為、質問を投げてもうまく言葉が伝わらないようで 返信がなく困っています。 現在動画の再生はできております。 function init (api) { if (api) { api.on('AdStarted', function() {console.log('AdStarted')} ); api.on('AdVideoComplete', function() {console.log('AdVideoComplete')} ); adPlayer.on('AdPlaying', function(){}); } else { console.log('blank'); } } </script> <script>(function(){var i='〇〇〇〇〇〇〇〇';document.write('<div id="'+i+'"></div>');(playerPro=window.playe||[]).push(i);})();</script> この動画の再生が終了したらAdStoppedをfunction syori()に閲覧終了を渡したいのですが。 callの使い方が分かってないせいで相当いろいろ試したのですがにわか仕込みでは うまく動かずご相談させていただいている次第です。 お分かりになる方いらっしゃいましたらご教授いただけると幸いです。 よろしくお願いいたします。
質問日時: 2019/07/25 12:17 質問者: ちゃみする
ベストアンサー
2
0
-
HTMLとJavaScriptによる動画再生について
高校の文化祭へ向けて、ホームページでのミニゲームを製作しています。 しかしプログラム言語については浅学で、思うように製作できず、また考えているものを検索で見つけることもできていません。 他力本願であることは承知の上、ご協力をお願いします。 「HTMLで作ったページにあるボタンを押すと、動画が自動的に流れる」というものを作りたいです。 内容はじゃんけんのグーチョキパーを選ぶ、すると勝ち負けあいこの演出が動画で流れる……といったものです。 youtubeへ移動することを試したのですが、その場合わざわざyoutubeページへ飛んでしまうこと、そして再生ボタンを押さないと再生されないことが問題でした。 どうしても不可能なようならgifアニメにして流す、という方法も考えています。 手取り足取りの回答でなく、参考になるURLですとか、キーワードでも構いません。 どうか、回答をよろしくお願いいたします。
質問日時: 2019/07/19 11:30 質問者: sosssssss
解決済
1
0
-
GoogleAppsScriptでスプレッドシートに書いたユーザー定義関数がうんともすんとも言わない
英単語について文字ごとに点数を設定し、その単語が何点になるか計算する関数を作ろうとしています。以下の通り書いたのですが、セルを指定しても=wscore("apple")と指定しても、Loadingと表示された後エラーどころか何の反応も返ってこないままセルが真っ白です。どうしてでしょうか? ちなみにデバッグすると8行目でtoLowerCase()が呼び出せないといわれます。しかし対処法がわかりません。 よろしくお願いいたします。 function wscore(w){ var i; var s; var wd; var ws; //入力文字列を大文字に変換 wd = w.toLowerCase(); //文字数(ループ回数)を取得 for (i=1;i<=wd.length;i++){ //i番目の文字を取得 ws = wd.substring(i,1); //点数を検索 switch (ws){ case "a", "e", "i", "l", "n", "o", "r", "s", "t", "u": s = 1; case "d", "g": s = 2; case "b", "c", "m", "p": s = 3; case "f", "h", "t", "v", "w": s = 4; case "k": s = 5; case "j", "x": s = 8; case "q", "z": s = 10; } //得点に足す wscore = wscore + s; //次の処理へ } } 以上
質問日時: 2019/07/19 00:03 質問者: jianazhe
ベストアンサー
7
0
-
JavaScriptのID要素の中身をquerySelectorAll
こんにちわ 現在、AjaxでApiを使ってHTMLのcontentを収得しています。 それをquerySelectorAllで見出しタグから目次を作成しようとしていますが うまくいきません。 AjaxでApiを使ってHTMLのcontentを収得した そのHTMLのcontentを<div>の中に すっぽりとApiのHTMLのcontentの文字列を入れて HTML表示させています。 つまり、 --- html --- <div id="entry-content"></div> --- js --- document.getElementById( "entry-content" ).innerHTML = object.api_html_content ; こんな感じ そのあと、JavaScriptで var matches = document.querySelectorAll('h2, h3, h4'); var matches = document.getElementById( "entry-content" ).innerHTML.querySelectorAll('h2, h3, h4'); とやりたいのですが収得できません。 querySelectorAllのやり方は大体理解できているのですが id要素からquerySelectorAllが出来るか教えてください。
質問日時: 2019/07/17 09:58 質問者: DarrylBolt
ベストアンサー
4
0
-
<option value="0">---test---</option>をjQueryを用いて
お世話になっております。 訳あって <option value="0">---test---</option>をjQueryを用いて ---test---で囲まれているoptionが存在したらそのvalueを空にしたいのですが どのようにjQueryで操作したら良いでしょうか。 結果としては以下になれば成功です <option value="">---test---</option> サンプルコードご教示頂けると幸いです。
質問日時: 2019/07/13 15:05 質問者: catapalto
ベストアンサー
2
0
-
このjavascriptプログラムの意味を教えてください。
はじめまして。このjavascriptのプログラムの意味を教えていただきたいです。 プログラミング初心者なので分かりやすく詳細に教えていただけると助かります。 public static void merge(int a[],int b[],int c[]){ int i = 0, j = 0, k = 0; while(i < a.length && j < b.length) if(a[i] <= b[j]) c[k++] = a[i++]; else c[k++] = b[j++]; while(i < a.length) c[k++] = a[i++]; while(j < b.length) c[k++] = b[j++]; } public static void main(String[] args) { // TODO 自動生成されたメソッド・スタブ final int NA = 10; final int NB = 20; int a[] = new int[NA]; int b[] = new int[NB]; int c[] = new int[NA + NB]; a[0] = (int)(Math.random() * 10); for(int i = 1;i < NA;i++) a[i] = a[i - 1] + (int)(Math.random() * 10); b[0] = (int)(Math.random() * 10); for(int i = 1;i < NB;i++) b[i] = b[i - 1] + (int)(Math.random() * 10); System.out.print("a:"); for(int i = 0;i < NA;i++)System.out.print(""+a[i]); System.out.println(); System.out.print("b:"); for(int i = 0;i < NB;i++)System.out.print(""+b[i]); System.out.println(); merge(a,b,c); System.out.print("c:"); for(int i = 0;i < NA;i++)System.out.print(""+c[i]); System.out.println(); } }
質問日時: 2019/07/05 11:49 質問者: うさぎ丸の内
解決済
2
0
-
javascriptでwebkitのstyleを変更したい
javascriptでwebkitのCSSを変更したいです 具体的には-webkit-filter: grayscale(100%);なのですが これはjavascriptに書くときはどうしたら良いのでしょうか? javascriptは bgc = new Array(); bgc[0] = "url(A.gif)"; bgc[1] = "url(B.gif)"; n = Math.floor(Math.random()*bgc.length); document.body.style.webkitfilter = "grayscale(100%)"; document.body.style.filter = "grayscale(100%)"; document.body.style.backgroundImage = bgc[n] これだと真っ白になって動かなくなっちゃいます。
質問日時: 2019/07/03 20:52 質問者: hgdjl0jklh
解決済
4
0
-
どなたかAtomエディタでjQuery を読み込む方法がわかる方いらっしゃいますか? よろしくお願い
どなたかAtomエディタでjQuery を読み込む方法がわかる方いらっしゃいますか? よろしくお願いします。
質問日時: 2019/07/01 08:09 質問者: sheen7
ベストアンサー
1
0
-
C#でインターネットエクスプローラを操作
C#でインターネットエクスプローラを操作しています。 HTMLを読み込んだ際にJavaScriptが読み込めず、JavaScriptの箇所の操作ができません。 HTMLを読み込んだ際にJavaScriptを読み込む方法はありますか? または他の方法でJavaScriptの箇所を操作する方法はありますか?
質問日時: 2019/06/30 23:56 質問者: oni021031
解決済
1
0
-
F5キーの無効化について
JavaScriptにてF5キーを無効化していますが、redirectしている間に有効化されます。無効化する方法はありますでしょうか。
質問日時: 2019/06/22 22:15 質問者: さぶやんさん
解決済
1
0
-
javascriptのキャラクター画像について
キャラクターの画像を表示させたとき周りの白い部分も表示されます。 キャラクターが地面を歩いている感じにしたいので この白い部分だけ背景と同化させる方法はありますか?
質問日時: 2019/06/21 03:24 質問者: yoshi00030207
ベストアンサー
2
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したい
おすすめ情報