コンピュータHTMLの入力フォームで半角英数字を全角文字に変換するJavaScript。
今時分、半角文字と全角文字を気にする場面も少なくなりましたが、必要になる場面がありましたのでJavaScriptで実装する方法を調べて試作してみました。 サンプルフォーム コード（抜粋、要jQery) <div>サンプルフォーム <inpu...
javascript
コンピュータ コンピュータjQueryでHTMLの要素を動的に追加する。
項目数が可変の入力フォームを作成する必要があり、jQueryをつかって要素を動的に追加するコードを試作してみました。 追加ボタンをおすと入力項目が追加され、削除ボタンを押すと項目が一つ削除されます。 入力項目の値が変更されるとalertで、...
コンピュータ文字列の前後に指定する文字列を連結するツール
プログラムの変数名が複数ある場面で、一括で変数名にプレフィックスなどを加えるために作成しました。 HTMLとCSSとJavaScriptで動作しています。 前に加える文字列 後ろに加える文字列 変換前 変換後
コンピュータOracleのテーブルの項目名をC#のクラスのプロパティ名に変換するツール
Oracleのテーブルの項目名をC#のクラスのプロパティ名に変換するために作成しました。 BUMON_CODE => BumonCodeの様に変換されるはずです。 変換前 変換後 ブラウザ内で実行するJavaScriptで作成しています。 ...
コンピュータカラーコード一覧 – Webセーフカラー216色
JavaScriptでカラーコードのテーブルを作成してみました。 コード 描画に要した時間:ms
コンピュータJavaScriptでhtmlの特殊文字をエスケープ処理しクリップボードに出力する
変換前 変換後 実 行クリアHighlighting Code BlockC#XMLHTMLTEXTPythonJavaScript 説明 HTMLで文章上で使ってはいけない文字を置き換えます。ブログ記事にプログラムのソースコードの貼り付け...
コンピュータJavaScriptとCanvasで画像の一部を切り出して表示
HTMLのCanvasで座標を指定して画像ファイルを表示することが出来るようなので、一つの画像ファイルを6分割し一コマ一コマ表示してみました。 表示された画像をクリックすると次のコマが表示されます。 動くサンプルへのリンク ソースコード <...
コンピュータJavaScriptとcanvasでグラフを描いてみる「スーパーπ104桁結果一覧」
円周率の計算時間を計測してくれるプログラム「スーパーπ」を手持ちのパソコンで実行してみました。 結果 プロセッサ名 104桁(秒) AMD Ryzen 5 2600 Six-Core Processor 12 Intel(R) Core(T...
コンピュータJavaScriptでHTML5のcanvasを使って図形を描画
HTML5ではcanvasで図形を描くことが出来るので試してみます。 扇形 四角形 ソース window.onload = function() { var c = document.getElementById("cv").getCont...
コンピュータWordPressの記事内でJavaScriptを動かす2 – jQuery
WordPressの記事のHTMLソースを眺めていたら、jquery.min.jsを読み込んでいる記述がありました。 jQueryを使うとJavaScriptのブラウザの違いを吸収してくれるのでWeb上で公開しているページでJavaScri...
コンピュータWordPressの記事内でJavaScriptを動かす
ふと思ったのですが、記事内にJavaScriptを記述することはできるのでしょうか？ たぶん出来ると思われますが、WordPressに使われているテーマなどでも確実にJavaScriptを使われているはずなので、ユーザーのJavaScrip...