IT業界のすみっこ暮らし

ふと気がついたときの記録

Javascript

jquery:clickイベントの上書き

tategakibunko.hatenablog.com stackoverflow.com // ex1 $("#selector").unbind("click").click(function(){ //処理 }); // ex2 $('#clickme').unbind('click').click(fireclick);

sweetalert関連ブクマ

SweetAlert makes popup messages easy and pretty. sweetalert.js.org SweetAlert - Change Modal Width? stackoverflow.com SweetAlert2 SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's po…

JavaScript:IF文で0はfalseに変換される

数字でif判定をさせることは殆どなかったので軽く調べてみた。 テスト用js function test(){ var x = 0; // 0をはじめ1,10,-10を試す if(x){ console.log("x : " + x); } } test(); 結果 var x = 0 のときはfalse判定なので、コンソールに表示されない。 な…

javascript:keydown/keyupイベントのキーコード一覧

原文 JavaScript keydown/keyup events: key codes keydown/keyupイベントによるキーコード一覧 Opera MSIE Firefox Safari Chrome Key pressed 8 8 8 8 8 Backspace 9 9 9 9 9 Tab 13 13 13 13 13 Enter 16 16 16 16 16 Shift 17 17 17 17 17 Ctrl 18 18 18…

jQuery:DateTimePicker関連メモ

ダウンロード先 github.com 使い方&見本 xdsoft.net

javascriptのreplace

javascriptのreplaceは最初の一回しか置換してくれないことを忘れてしまったので復習 var text = 'あい\nうえ\nお'; text.replace('\n', '<br>'); // あい<br>うえ\nお (最初の1回目だけ置換) // 以下、文字列の置換 text.replace(/\n/g, '<br>'); // あい<br>うえ<br>お text.sp…

20170526ブクマ

おっさんES6/ES2015,React.jsを学ぶ from dcubeio www.slideshare.net www.webprofessional.jp paiza.hatenablog.com qiita.com qiita.com qiita.com qiita.com qiita.com qiita.com qiita.com qiita.com qiita.com Technical Development Guide Students - …

.NET & Ajax:ファイルダウンロードのcallback設定を行う

既存のファイルダウンロード コントローラーでFileを返して、location.hrefでファイルダウンロードを行う。 HomeController.cs public ActionResult FileDownload() { byte[] stream; string fileName; // 処理 return File(stream, "application/vnd.openxm…

input type=fileのchangeイベントで同じファイルを感知させる方法

<input type="file" id="inputFile"> <script type="text/javascript"> $('#inputFile').change(function (data){ // 処理 $(this).val(''); ★ }); </script> ★changeイベント時に該当要素のvalueを削除する。この処理がない場合、同じ名前のファイルの選択を感知できない。 参考 stackoverflow.com

ajax処理を含めたreturn falseでハマった件

やりたいこと submitボタンを押下した後、ある条件の場合、ajax処理をした後(ここではバリデーション処理)、結果によってreturn false;でsubmit処理を中断させたかった。 NG で、最初下のようなコードを書いたけど、どうしてもreturn false;が効かず、その…

Bootstrap:Modalの外側をクリックしても消えないようにする

stackoverflow.com Modalのdivに設定する場合 <div class="modal hide fade" data-keyboard="false" data-backdrop="static"> Modalを呼び出すaタグに設定する場合 <a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#"> JavaScriptでModalの属性を設定する場合 $('#myModal').modal({ backdrop: 'static', keyboard…</a></div>

Visual Studioの書式設定

Visual StudioのC#の書式設定を確認&設定 「ツール」→「オプション」→「テキストエディター」→「C#」→「書式設定」 全般 Visual StudioのJavaScriptの書式設定を確認&設定 「ツール」→「オプション」→「テキストエディター」→「JavaScript」→「書式設定」 …

StyleCop(VS拡張機能のC#スタイルチェック)

github.com 使い方 導入後、Visual Studioの「ツール」→「Run StyleCop」で実行。 「Run StyleCop」を実行すると、チェック結果がエラー一覧に表示される。(SA..で始まるエラーがそれに当てはまる) StyleCopの設定 「ソリューション エクスプローラー」→「…

JSLint(VS拡張機能のJavaScript整形ツール)

JSLint.NET for Visual Studio - Visual Studio Marketplace ※CodeMaidで十分だったから調査だけして実務では使ってない。

CodeMaid(VS拡張機能のコード整形ツール)

公式サイト CodeMaid | An open source visual studio extension to cleanup, dig through and simplify our code ダウンロード CodeMaid - Visual Studio Marketplace 参考になりそうなサイト moriblog.kit-eng.com 導入後はVisual StudioのCODEMAIDからメ…

Bootstrapについて

※チーム内で簡単に説明するためにまとめた内容になります。 getbootstrap.com Bootstrap レスポンシブWebデザイン用 テーマ・色合いの変更が簡単 別途テーマを設定してない場合はデフォルトテーマ モジュール化されており、LESSの様々な要素を実装している。…

非連続的なArray要素をModelにバインドする(ASP.NET MVC)

問題 JSで特定の条件のときのみ、入力項目を表示&その入力項目は配列である場合、 nameに宣言されている配列の順番が途切れ途切れになってしまい、上手くModelに格納されないことがあった。 解決方法 参考サイトの回答にあるように<input type=“text” name…

文字列のスクリプトタグ削除(Javascript)

タグのみ削除、空白は削除しない function TagDelete(Text) { if (Text == "" || Text == null) return ""; //スクリプト文字 Text = Text.replace(/</g, "&lt;");//"<"をコードに変換(タグ無効化) Text = Text.replace(/>/g, "&gt;"); //">"をコードに変換(タグ無効化) Text = Text.replace(/(<([^>]+)>)/ig, ""); return Text; …

timestampから経過時間を表示する(Javascript)

// timestampより経過時間を取得 function GetLapsedTime(timestamp) { if (timestamp == "" || timestamp == null || timestamp == "0") { return ""; } //timestampをdateに変換 var d = new Date(timestamp * 1000); var year = d.getFullYear(); var mon…

指定した長さで文字列を切る(Javascript)

画面表示の際に長い文字列を幅に合わせて省略させるのはCSSでも出来るけど、一応、だいぶ前試してたやつ //指定した長さで文字列を切る function GetStringByByte(str, num) { len = 0; estr = escape(str); ostr = ""; for (i = 0; i < estr.length; i++) {…

Javascriptでのxmlパーシング

パーシングするxmlはこんなイメージ(RSSみたいな) <item> <content> <title>title1</title> <desc>desc2</desc> <flag>1</flag> </content> <content> <title>title2</title> <desc>desc2</desc> <flag>2</flag> </content> </item> javascriptでxmlをパーシング // XMLパーシング用 function fnc_Xmlparse(xml) { var arrayList = new Array(); var nodecou…