投稿

11月, 2017の投稿を表示しています

[JavaScript] jQueryDialogをhtmlを使用せずに表示

jQueryダイアログをjsのみの記述で表示させる方法です。 var jQueryDialog = $("<div>メッセージ</div>"); jQueryDialog.dialog({     title: "タイトル",     resizable: true,     modal: true,     width: "auto",     close: function() {         $(this).dialog("destroy");     },     buttons: {         "OK": function() {             $(this).dialog("close");         }     } }); htmlへの記述が不要なため、かなり便利です。 関数化してタイトルやメッセージを引数にすると 更に良い感じになります。

[JavaScript] テキストエリアの文字列の長さを取得

テキストエリアの文字列は 単純にそのまま .length で長さを取得しようとすると、 改行の文字列が正しくカウントされません。 一度、別の文字列に置き換えることで正しくカウントできます。 /**  * テキストエリアの文字列の長さを取得  */ function getTextAreaLength(str){     // 改行が正常にカウントされない場合があるため、別の文字列に置換     var tmpStr =  str;      tmpStr = tmpStr. replace(/\r/g, "AA");     tmpStr = tmpStr.replace(/\n/g, "AA");     return tmpStr.length; }

[JavaScript] jQueryDialogの右上の×閉じるボタンを非表示にする。

jQueryダイアログの右上の[×]閉じるボタンを消すには cssに以下を記述することで実現できます。 button.ui-dialog-titlebar-close{   display: none; } 一括で設定する場合は 共通cssにこの記載をする方法が最も手軽かと。 「このダイアログだけは閉じるボタンを表示させたい」 という場合は以下の様に記述します。 $("#testDialog").dialog({   title: "タイトル",   …   open: function() {         $(".ui-dialog-titlebar-close", $(this).closest(".ui-dialog")).show();   } }); 逆に「このダイアログだけは閉じるボタンを非表示にさせたい」 という場合は以下の様に記述します。 $("#testDialog").dialog({   title: "タイトル",   …   open: function() {   $(".ui-dialog-titlebar-close", $(this).closest(".ui-dialog")).hide();   } }); 上記の記述を行うことで 複数のダイアログに対し、 個別に閉じるボタンの表示非表示の設定が可能となります。 ひとつ目のダイアログは閉じるボタンあり そこから更に開くダイアログには閉じるボタンなし 等の動作をさせることができます。

[JavaScript] 数字のみ抽出

JavaScriptで文字列から数字のみを抽出(他の文字を削除)する処理です。 正規表現を利用します。 tmp = tmp.replace(/[^0-9]/g, ""); 他サイトで replace(/[^0-9]/i, ""); とすれば良いとの記述があったので、 特に意味を調べずにそのまま利用しようとしたら 想定どおりに動きませんでした…。 gにすると正しく動作しました。 iやgについては 正規表現フラグと呼ぶそうです。 g  すべての一致に対して置換を実施。 i   大文字・小文字を区別しない検索。 m 複数行の文字列に対する処理で^や$を扱う場合に使用。 gが無かった為、ひとつ目の置換で終わってしまい、 ふたつ目の置換が実施されないという動きになってしまっていました。

挨拶

はじめまして。こんにちわ。 「ふぐ」と申します。 お仕事でプログラマーをしております。 メモ代わりにブログを書いていきますです。 よろしくどうぞ。