JavaScript
複数から1つだけ選べる択一選択にするなら、ラジオボタンにすべきです。 選択した後で、選択しないということもあるため、チェックボックスになっています。チェックボックスで択一選択にする方法JavaScriptで、チェックされるたびに、同一クラスを割り当て…
昨日の記事でチェックボックスの有効/無効の切り替え方を書きました。 JavaScript：jQuery：参加者のチェックボックスのON/OFFで、同行者のチェックボックスの有効/無効を切り替える方法 - ソフトウェア開発者の日常 JavaScript：jQuery：参加者のチェックボ…
代表の参加者が選んだセミナーのみ、同行者が参加できるようにシステムを作成して欲しいと要望がありました。入力する画面では制限をもうけず、入力内容を確認する画面で判定して表示することも考えましたが、手間がかかります。 入力画面で代表の参加者が選…
数値を比較するのか、文字を比較するのか、意識してコーディングするのが基本なのに、基本を怠っていました。 photo credit: Dmitry Baranovskiy via photopin cc比較が正しく行われないPHPとJavaScriptで作られたページがあります。 PHPで処理した結果、 <input type="hidden" id="cnt" value="4"> <input type="hidden" id="max" value="15"> …
現在は文字数を1秒ごとに取得している部分を、単語数に変更したいとの要望があり、対応しました。単語数なので、区切りをスペースにすればいいというのはすぐに思いつきましたが、「,」と「.」も対応するとなると、何度も区切る処理が必要になります。 単純…
Ineternet Explorer独自で追加され、Firefoxでも利用できるらしいime-modeを、選択肢に合わせてJavaScriptで切り替えることができるか試してみました。結果 jQuery('#target').css("ime-mode", "auto"); として、IMEの状態を変更しないように設定できます。 …
一覧表のチェックボックス全てに、一括でチェックを入れる全選択ボタンと、一括でチェックを外す全解除ボタンを作成しました。 処理のJavaScriptは、以前のソースコードを流用して、以下のコードで動作確認をしました。 $('#all_select').click(function() {…
formタグ内のボタンが、最終的には画像にする予定で、開発初期は <input type='submit' name='next' id='next' value='next'> として、submitのボタンとしていました。 予定通りの動作をするようになったので、見た目の調整の一環として、ボタンを予定通り画像にするために、 <input type='image' name='next' id='next' src='./next.jpg' value='next'> としました。 現象 Google Chromeでは動…
jQueryを便利に使っていますが、bodyタグのonLoadのタイミングの処理は、そのまま書くしかないと思っていました。 あるとき調べてみたら、 jQuery.event.add(window, "load", function() { func_cnt(); }); とすれば、onLoadと同じタイミングで処理できるこ…
セレクトボックスの選択肢を、他の選択によって切り替える必要があったため、方法を探しました。 方法 HTMLでは、selectタグにoptionタグを使って選択肢を追加しています。 最初と最後のoptionタグの要素は変更なくそのまま使える条件でしたが、一括で削除し…
以下のJavaScriptで、指定した要素に背景色を設定していました。 var element= document.getElementById('upfile'); element.style.backgroundColor = 'lightgray'; これで問題はないという認識でいましたが、ブラウザによってはエラーが出ていたので、jQuer…
ラジオボタンやセレクトボックスの選択によって、表示／非表示を切り替えたいと要望されることがあります。 非表示にするは、 document.getElementById('tag').style.display = "none" を設定すればできます。 逆に、表示するには、 document.getElementById…
selectタグに設定する、optionタグのvalue要素に適切な数値を設定しておけばわかりますが、設定できない場合はどうすればいいか調べました。 調べた結果 selectedIndex というのがあるので、 var index = jQuery("#selectbox").prop("selectedIndex"); とす…
人名のふりがなとして、ひらがなが入力されているか、JavaScriptやPHPでチェックしています。 photo credit: fhisa via photopin cc 「ー（長音）」がひらがなと判定されない 正規表現でチェックしていて、PHPの場合、文字コードがECU-JPで作られたページで…
JavaScriptで、パスワードとして入力された文字が、 英小文字、英大文字、数字のみが使われていること。 英小文字、英大文字、数字が使われていること。 8文字以上であること。 という要件を全て満たしているかチェックしなければならなくなり、どうい風に書…
Google Chromeでも動作するように修正できました。 photo credit: nyuhuhuu via photopin cc ことの発端 昨年使われたプログラムを今年用に修正して、動作確認をしていたところ、Google Chromeでは動作しないJavaScriptがありました。 Internet Explorerで動…
部下からヘルプがあったので、JavaScriptをGoogle Chromeのデバッガを使ってデバッグしました。 photo credit: nyuhuhuu via photopin cc 困っていた内容 選択肢がAとBの2個があり、選択肢Aにより選択肢Bで選択できる内容が切り替わる仕組みがあります。 選…
別の方法では、上手くいかなかった。 photo credit: kohtzy via photopin cc name属性が配列になっている要素から、値を取得して、全て値が設定されていなかったら、警告を表示したかったので、ループしながら値を取得する方法を調べた。 調べた結果、以下の…
以前読んだ覚えがあったので、調べたら簡単な方法だった。 photo credit: Ezu via photopin cc プログラムをデバッグしていたら、存在しない要素から値を取得しようとして、動作がおかしくなっていることに気がついた。 以前jQueryでできることを調べていた…
勉強して試していけば、理解できると思ってはいるけど、着手できていない。 photo credit: See-ming Lee 李思明 SML via photopin cc 英大文字・英小文字・数字のみで最大10桁までというチェックが必要になったので、Ja vaScriptの正規表現で実現する方法を…
2番目に試した方法で目的を果たせた。 photo credit: nlogax via photo pin cc ちょっと書き方を悩んだけど $('#button').click(function(){ $('#val_a').val(""); }); で値消えた。 最初に試して駄目だったのは $('#val_a').val = ""; と書いていた。 試せ…
2018/6/29 jQueryを使う方法は動作しないので、訂正して取り消します。 会社で知らない人がいたので、教えてあげた。 photo credit: Dustin Diaz via photo pin cc ことの起こり Webの画面では、新規入力をしようとすると、別ウィンドウ＝子ウィンドウが開い…
今日、jQueryでコードを少しだけ書いて、改めて便利だと思った点。 photo credit: "Cowboy" Ben Alman via photo pin cc ラジオボタンで、選択を切り替えると同時に検索を実行したいと要望があったので対応したが、jQueryを使わなければ、ラジオボタンのタグ…
InternetExplorerとChromeで、チェックボックスのonChangeイベントで処理を作成していて気がついたが、InternetExplorerは、チェックボックスからフォーカスが外れないと、onChangeイベントが発生しない。 チェックがOFF==>チェックがONと、チェックがON==>…
// 今回いろいろな方法を取り入れたので、まとめておく。 効果がわかったもの ページャーを導入する修正前は、ページャーなしで全件を一度に表示していたが、修正後は、1ページ最大100件までのページャーを入れた。 class指定を止めて、id指定をする修正前は…
以前のソースコードに書いてあって、なかなか探せなかったので、自分へのメモ。 spanタグに囲まれた要素を書き換えるときは、 $("#elem").html('<span id="elem">abc</span>'); とすれば、書き換えることができる。
昨日の処理が遅かった非表示のコードを速くするために試した結果、 for(loop=1172; loop = 0; loop--){ $("#record" + loop).css("display", "none"); } としたら速かった。驚くくらいの速さだった。 こうしたら、なぜか表示が遅くなったので、 for(loop=0; …
以下のコードを表示と非表示の切り替えに使ったら、非表示が極端に遅かった。 for(loop=0; loop <= 1072; loop++){ $("#record" + loop).show(); } for(loop=1072; loop >= 0; loop--){ $("#record" + loop).hide(); } tableのtrを表示／非表示にしているが…
なんとなくしか覚えていなくて、いつもソースコードを探しているのでメモ。 子画面側 親画面の検索のJavaScriptを呼び出すようにする。 <script type="text/javascript"> <!-- window.opener.searchMypage(); --> </script> 親画面側 検索を呼び出すJavaScriptを用意する。 <script type="text/javascript"> <!-- function searchMypa</script>…
