連続したイベントをキャンセルし、一定時間が過ぎたらイベントを発火させる

JavaScript

寺尾で質問をした。イベントを遅らせて発火させ、イベントオブジェクトから target 要素を取得したいもうちょっと自身で精査すればよかったのに・・・自己解決した。これで文字を入力するたびに処理しなくてもよくなった。 <meta charset="UTF-8"> <title>イベントを遅らせられた</title> <body> <input type="text" name="inp"><br /> <input type="text" name="inp"><br /> <script> </body></meta>…

#javascript #イベント遅延

2018-12-18

JavaScriptで、祝日を調べる（取得する）（明治からも対応）

JavaScript

ちょい書きかけう〜〜〜ん。明治とか大正の時代の休日も今どきとして必要なのか？今さらながら、作ってから気づく。 <html> <head> <meta charset="UTF-8"> <style> </style> </head> <body> <h3>六曜について</h3> <pre> n = (month + day) % 6; ary = ['大安', '赤口', '先勝', '友引', '先負', '仏滅']; rst = ary[n]; </pre> <script> { const CUR</body></html>…

2018-10-05

数独の正解確認のプログラムを作りたい

JavaScript OKWave

数独の正解確認のプログラムを作りたいhttps://okwave.jp/qa/q9544201.html やっぱり頭のネジが緩んでるな。間違いだらけだった。 let A = [ 7,6,1, 3,5,2, 8,4,9, 5,8,2, 9,4,1, 3,7,6, 4,9,3, 7,6,8, 2,1,5, 6,2,8, 4,7,3, 9,5,1, 9,7,4, 1,2,5, 6,3,8, 3,…

2018-09-05

ちょっと暇なので質問に答えてみた

JavaScript

URLによってHTMLのテキストを変更するコードを教えてください。https://oshiete.goo.ne.jp/qa/10703653.html あれ！？ element.lang を使うべきだったよなコードの意味(どのようなイベント発生など)を調べてhttps://okwave.jp/qa/q9534243.html かなり省略…

2018-08-17

フォームで開始時間と終了時間の二つのselectボックスを表示させたい

JavaScript 教えてgoo

フォームで開始時間と終了時間の二つのselectボックスを表示させたい久々の回答。レスが付かないとおもってたけど https://oshiete.goo.ne.jp/qa/10669901.html 3Dプリンタで見台（スマホ台）を作った。しかもシャー専用の赤、滑り止めが3倍ついて滑りにく…

2018-05-17

TEXTAREA 要素内で、オートインデントを行う（過去の焼き直し）

JavaScript

<html lang="ja"> <meta charset="UTF-8"> <body> <h1>textarea 要素のオートインデントを行う</h1> <p><input id="A"></p> <textarea id="B" cols="60" rows="10"></textarea> <script> //_____autoIndent { const NOT_LF = /\r\n|\r/g, REG_INDENT_SPACE = /^([\s\u3000]+)/, //インデント分の空白を挿入 addEnter = function (e) …</body></meta></html>

2018-05-16

Change Event を遅延させて発火させる

JavaScript

Event(input) を利用して、文字の連続入力が終了したら、一定時間後に change イベントを発火させます <html lang="ja"> <meta charset="UTF-8"> <body> <h1>Input 要素の change イベントを遅延させて発火させる</h1> <p><input id="A"></p> <script> { // input イベントを監視して、変更があったら change イベントを発火させる class delayC</body></meta></html>…

2018-04-19

SELECT要素をPHPと連動して書き換える。（JavaScriptからPHPの関数を引数を受け渡して呼び出す）

JavaScript

HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>SELECTをPHPとで連動する</title> <body> <header> <nav> <ul> <li><select id="S0"></select> <li><select id="S1"></select> <li><select id="S2"></select> </ul> </nav> </header> <script> { const //PHP側の関数名 PHP_FUNCTION_NAME = 'ChainSelect…</body></meta></head></html>

2018-04-16

電話番号の正規表現を割と真面目に考えることにした！自分の中ではもうこれは決定版か？

JavaScript 正規表現

電話番号にはルールがある http://www.soumu.go.jp/main_sosiki/joho_tsusin/top/tel_number/number_shitei.html 切り取るにもルールを設けようまず市外局番・市内局番・加入者番号を取り出したい市内局番には括弧が付いているかもしれないのでそれを考慮 …

2018-04-10

またIndexedDB関連の質問があがってる

JavaScript

過去にも同じような質問をしているようだけれど今度は答えない。そしてインデントされていないとコードが読みづらいし、理解しようとする気がおきない。というかコードが汚い。これだけのことを数か月も悩んでいるのだろうか？なぜ OKWave から教えてg…

2018-04-02

INPUT要素の入力を補助する

JavaScript

日付や時間の入力を簡単にして、見やすくするためのライブラリ input[type="datetime"]などでは、日本語表記の ****年 **月**日などはサポートされていない。なので作ることにした。なので、input 要素の type 属性は text となる基本的な構造まず、例…

2018-03-27

質問してみた。今度は自分の回答を載せなかった

JavaScript 教えてgoo

住所に変換するアルゴリズムを教えてくださいhttps://oshiete.goo.ne.jp/qa/10391995.html ary を rst のように変換してみたいのです。言い訳をするようで何なのだが。来月来診するまでにダイエットをしなければならない。甘いものを控えている。そして筋…

2018-03-17

JavaScriptで音声案内

JavaScript

new SpeechSynthesisUtterance を試す便利な世の中になったものだ。イントネーションがちょっと違うそれとサンプルの音声内容にびっくりするかもしれないけれど。サンプルのまま使いう施設は限られているかな？単位は１分単位です <html lang="ja"> <meta charset="UTF-8"> <style> input[name="TIME</meta></html>…

2018-03-12

分割代入の覚書

JavaScript

let abc = ["a", "b", "c", "d"]; let [a, b, c] = abc;let ABC = ["A", "B", "C", "D"]; let [A, B, C] = ABC; [a, b, c] = [A, B, C];//swaplet [,, c] = ABC; let [a1, b1, c1, A1, B2, C2] = [...abc, ...ABC];//__let OBJ = {A: "A", B: "B", C: "C", A…

2018-03-11

配列の中に配列が含まれているような配列を1次元配列にする（多次元配列を1次元化）

JavaScript

多次元配列を1次元化 let ary = [0,[1,2],3,[4,5,[6,7],8],9,[],10]; function S (a, b) { return Array.isArray (b) ? b.reduce (S, a): (a.push (b), a); } console.log (ary.reduce (S,[]));// => [0,1,2,3,4,5,6,7,8,9,10] 配列を単一化する let ary = […

2018-03-07

FORM要素の値をオブジェクト型に相互変換できるライブラリ（JSONファイルの読み込みも可）

JavaScript

 <html lang="ja"> <meta charset="UTF-8"> <style> h1, h2, h3, h4, h5, h6, th { font-weight: normal; } h1, h2, li > em, p em { color: blue; } section { column-count: 2; column-width: 390px; } section { padding: 0 3ex; } section table { width: 100%; } thead th { background: #def</meta></html>…

2018-03-04

配列から重複せずにランダムで取り出す（違いが分かる奴が足跡を残すスレ）

JavaScript JavaScript

昔は"*"なんてつけてなかったような。 function rnd (n) { return Math.floor (Math.random () * n); } function* fisher_yates (ary) { for (let n; n = ary.length; ) yield ary.splice (rnd (n), 1)[0]; } こんなのを書いてみたが、効率の良いアルゴリズ…

2018-03-03

FORM要素の値をObuject型にしてJSON化しやすいようにする。もちろん jQuery なんて使用しない

JavaScript

function formToObject (form) { let es = form.elements, result = { }; for (let i = 0, e; e = es[i++]; ) { let type = e.type, name; switch (type) {//列挙したものはパス case 'submit' : case 'reset' : case 'button' : case 'image' : case 'field…

2018-02-01

波形インデントの投稿から、分割された回答を連結・整形して取り出し易いようにする

JavaScript OKWave

そのブックマークレットなるものを作った教えてgooの回答に波形インデントをつけるのは、迷惑な話だろう。そこで簡単にテキストを取り出し易いように考えた。まず、回答がされているタグ要素は、<div class="a_text">...</div>に囲まれている連続した半角空白は、表示される段階で…

2018-01-31

Google Map にマーカーを付けてみた

JavaScript 教えてgoo

100均のダイソーの店舗情報のようなマップを作りたいその方法についてhttps://oshiete.goo.ne.jp/qa/10253056.html この程度の回答で文字制限に引っかかるとは！ click イベントをマーカーに貼り付けようと思って m.addEventListener ('click', .... ここで…

2018-01-30

IndexedDB をなぞってみる

JavaScript 教えてgoo

JavaScriptの修正を助けて下さいhttps://oshiete.goo.ne.jp/qa/10251931.html なぜ Firefox で動かない！ Help me!! いつも質問者への回答は、ちゃぶ台をひっくり返したように例題を無視して一から書きたくなる性分なのだが、今回は質問者のプログラムを修正…

2018-01-29

テキストのインデントを波打つように整形する

JavaScript

テキストのインデントを波打つように整形する教えてgoo に投稿するために、わざわざ書いてみたあれ？空白行の処理が変？あとで直そう！ <meta charset="utf-8"> <title>インデントを波の様にする</title> <style> body { background-image: linear-gradient(-90deg, #495B4B, #FFFFFF); } h1, h2, h3, </meta>…

2017-12-20

JavaScript 正規表現で日付文字列が正しいのか評価し年・月・日を取り出す（うるう年を考慮）

JavaScript

正規表現を使って日付文字列を判定（閏年判定もも含む）日付文字列が正しいかどうか正規表現で判別することが正しいのかは分からないが、プログラムが簡潔に書ける（？）そのついでに年・月・日を取り出したい。ググったが見つけられない。そう言うときは…

2017-12-02

ブックマークレットをかじってみた。アンカータグをクリックすると URLとコンテキストが表示される

JavaScript

作ったブックマークレット実行して、アンカータグを[SHIFT]+マウスクリックだけで URLとコンテキストを表示する。デバッグが面倒だ。まとめサイトから引っ張り出すには便利かな？ (function(){ document.addEventListener('click',function(e){ var a=e.ta…

2017-11-26

FireFox57 input[type="time"]の横に出ている×印を隠したい！

JavaScript

CSSで設定するのだろうが見つからず。input[type="number"]なら input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }Centos7 にも FireFox57 を入れなければ確認もで…

2017-11-26

エレベーターメニューを作り直してみた。

JavaScript

使い方のmemo: //optionは省略可 let option = { interval : setInterval のタイマー値, offset : new Point (x座標, y座標), accell : new Point (x座標における加速度, y座標における加速度), position: "top middle bottom left center right" //２つ指定…

2017-11-18

ひさびさの投稿！

JavaScript OKWave

ボタンでjsの動きを制御するhttps://okwave.jp/qa/q9398412.html またやっつけでプログラムを書いてみる。腕がにぶる。デバッグに時間かかりすぎ。それにしても bind は楽チン。 <html lang="ja"> <head> <meta charset="utf-8"> <title>これがGame?</title> <style> td { width: 40px; height: 40px } .direction { display:</meta></head></html>…

2017-11-17

input[type="date"]の入力補完

JavaScript

FireFox とか Chorome の日付入力のUIが便利になったのだが、俺には余計だ。その機能を止めたいのだが止められない。仕方無くShiftキーとの併用で入力補完を行うことにした。本日の日付けの入力とカーソルキーでの日付けの変化を可能にしてみた。う〜〜〜…

2017-11-04

画像ファイルをドラッグアンドドロップして文字列化(base64)する。その2？

JavaScript

<head> <meta charset="utf-8"> <title></title> <body> <p> <form> <p> <img id="img" src="" alt="写真" width="200" height="100"><br> この図形領域にデスクトップから画像ファイルをドラッグ&ドロップすると画像を入力できます </p> <input type="hidden" name="hide" value=""><br> <textarea name="text" cols="180" rows="35"></textarea> </form></p></body></meta></head>

2017-11-03

INPUT要素でtype属性がhiddenの要素のvalue値に変更があったらchangeイベントを発火させる

JavaScript