jQuery UIのダイアログを使って他ページを読み込むあれこれです(‘ω’) 実装イメージ ボタンを押下したら対応したページをダイアログ表示する。 表示するページが読み込み終わった表示する。 な […]
【jQuery UI】ダイアログでiframeを使うアレコレ
JavaScript
【jQuery】入力フォームをコピーして追加する方法
入力フォーム毎コピーを作成する方法について… HTML 出力するためのテンプレートと出力するエリアを作成します。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<div id="displayArea"> <!-- ここに出力 --> </div> <button id="addButton">Add</button> <div id="templateForm" class="NotDisp"> <input type="text" name="templateTextbox"> <button name="testButton">TEST</button> <span class="dispInfo"></span> <button name="removeButton">REMOVE</button> </div> |
CSS テンプレート部分は非表示にしてお […]
【JavaScript】孫画面から親・子画面へ処理を実行
孫画面から親・子画面へアクセスする方法についてよく知らなかったので、 色々と試してみました。 親画面ソース 子画面、孫画面を開いた時に変数childWindowと変数grandChildWindowに対してWindow情 […]
【Web】同じ名前の画面を呼び出した時の動作について
window.openを利用して別画面を表示させることは結構あると思うのですが、 呼び出した画面(以下、子画面)から呼び出し元画面(以下、親画面)の値を JavaScriptで書き換える時の動作がIEとChromeとで動 […]
【Web】テキストボックスでEnter押下時に勝手にSubmitされてしまうのを防ぐ方法
HTMLにそんな仕様あったのかーということがあったので_(:3｣∠)_ formタグ内に１行テキストボックスが１つしか存在しない場合において、 Enterキーを押下すると勝手にSubmitされてしまうみたいです。 Chr […]
【JavaScript】親画面から子画面を閉じる方法
親画面から小画面を呼び出した後、親画面のイベントで子画面を閉じる方法について知らなかったので実装してみました。 利用したのはonunloadイベントです。 window.onunload 発生タイミング ページが閉じられ […]
【JavaScript】parseIntの罠
JavaScriptを使用して計算を行っていたら罠にかかったので情報共有を…_(:3｣∠)_ JavaScriptで数値変換の関数として大体使っているのがparseInt()なのですが、 古いブラウザで使用する場合は気を […]
【JavaScript】NaNをチェックする方法
以前の記事「【jQuery】テーブルの行単位で値変更時に自動入力する方法」に 若干気になる点があったのでその修正点と色々とやっかいなNaNのチェック方法について紹介します。 まずは、修正点についてですがattrだと 手動 […]
【JavaScript】指定桁数での小数点切り捨て方法
指定した桁数で小数点を切り上げて表示する方法については関数が用意されていますが、 切り捨てて表示する方法については何故か用意されていません。 実装方法としては簡単で、１0^[桁数]倍し、小数点を切り捨てて、1/１0^[桁 […]
【Javascript】別ウィンドウを表示する方法
Javasciptを利用して別ウィンドウを表示し、既に対象のボタンから別ウィンドウが開かれていた場合には そのウィンドウに対して再度更新する方法について紹介します。 簡単に説明するとwindowのopenメソッドを使うこ […]