全文検索:
- 05 JQuery selectで選択された項目取得 @13_javascript:01_jquery
- === ===== SELECT（normal） ===== === HTML === <code html> <select id="name" name="name" multiple> ... <option value="C">This is C</option </select> </code> === JavaScript === <code JavaScript> var selected = $("#name option:selected").get(); alert( $(selected).val() + " -> " + $(selected).text() ); </code> === 結果 === 結果は、selectedされている B が表示される。 <code>
- 02 Chrome拡張機能2 @13_javascript:02_chrome
- stを受け、hogehoge()の処理を行なう。 ===== ディレクトリ構成 ===== <code> chrome拡張機能 ├── background.js ├── manifest.json └── script.js </code> <code|manifest.json> { "name": "クリックアラート2", "manifest_version": 2, "version": "1.1", "descri... ["<all_urls>"], "js": ["script.js"] }] } </code> <code|background.js> chrome.browserAction.onCl
- 03_jQuery UIでradioをbuttonへ @13_javascript:01_jquery
- jQuery UIでradioをbuttonへ ====== ===== HTML ===== <code> <div class="span1" align="left" id="type"> <labe... inline" placeholder="type" value="3" /> </div> </code> ===== Jquery ===== 通常（横にボタンが並ぶ） <code> $("#type").buttonset(); </code> 下記のようにすると、ボタンを縦に並べる事ができる。 <code> $("#type").buttonset(); $("#type lab
- 01 Chrome拡張機能 @13_javascript:02_chrome
- 込み」 edge://extensions/ ===== ディレクトリ構成 ===== <code> chrome拡張機能 ├── background.js └── manifest.json </code> ===== manifest.json ===== <code|manifest.json> { "name": "クリックアラート", "manifest_version": 2, "... ound": { "scripts": ["background.js"] } } </code> ===== background.js ===== <code|background.js
- 03 Chrome拡張機能 Manifest V3 @13_javascript:02_chrome
- nとbackgroundのscripts->service_workerなどが変わっています。 <code|manifest.json> { "name": "クリックアラート2", "manife... ["<all_urls>"], "js": ["script.js"] }] } </code> ===== background.js ===== <code|background.js> chrome.action.onClicked.addListener(function (tab){ chrome.tabs.sendMessage(tab.id, "Action"); }); </code> ===== script.js ===== <code> chrome.runtime.on
- 02 変数の型を調べる(typeOf)
- ====== 変数が存在するかどうか調べる 変数の型を調べる ===== 書式 ===== <code> typeOf(変数名) 戻り値 string : string型 ... object : オブジェクト undefine : 未定義 </code> ===== 例 ===== <code> if(typeOf(myVar) == "undefined"){ document.write("未定義"); }else{ document.write("定義済み"); } </code>
- 07 チェックボックスがチェックされているか確認
- されているか確認 ====== formの名前がaaa[]などとなっている場合のチェック方法 <code> <input type="checkbox" name="check[]" value="1"> </code> <code html> var count = 0; for (var i=0;i<document.form1.elements['check[]'].length;i++){ if(documen... ck[]'][i].checked){ count++; } } //一つもチェックされてない場合 if(count==0){ alert("一つもチェックされておりません。"); } </code>
- 10 GAS 比較方法がその一般契約に違反しています
- ると失敗するみたいです。 配列の数以外の原因はつかめず。。。 ===== コード ===== <code> outputValues.sort(function(a, b){ if (a[1]... [1] < b[1]) return -1; return 0; }); </code> ===== エラー 英語 ===== java.lang.IllegalArgument... トに書き込んだ後に、下記でソートする事で対応しました。 A-Cのセルに書き込んで、A行でソート <code> newItmeSheet.getRange('A' + START_ROW + ':' + 'C' + (START_ROW + outputValues.length - 1)).sort(1); </code> {{tag>GAS javascript}}
- 04 選択したテーブルの値を取得 @13_javascript:01_jquery
- === 04 選択したテーブルの値を取得 ====== ===== 1.html ===== <code> <table id='list'> <tr> <td><button class="btn-w... /td> <td>ccc</td> <td>ddd</td> </tr> </table> </code> ===== 2.jquery ===== この場合、1をクリックすると「bbb」、2をクリックすると「ddd」が表示される <code> $('#list .btn-warning').click(function(){ //-- ... sest('tr'); //-- クリックした行の3番目の<td>のテキストを表示 --// alert( cur_tr.children('td:eq(2)').text() ); } </code>
- 06 jQuery テーブルに行を追加 @13_javascript:01_jquery
- = 06 jQuery テーブルに行を追加 ====== ===== HTML ===== <code html> <table id='t-body' border='1'> <tr> ... >価格</th> <th>個数</th> </tr> </table> </code> ===== JavaScript ===== <code javascript> $("#t-body").append("<tr><td>りんご</td><td>150</td><td>3</td></tr>"); $("#t-body").append("<tr><td>みかん</td><td>100</td><td>5</td></tr>"); </code>
- 03 半角から全角に置換する
- ====== 03 半角から全角に置換する ====== <code> han="0123456789"; zen="０１２３４５６７８９"; function ZenkakuNum(Text){ ... xt.charAt(i); n=han.indexOf(c,0); if(n>=0)c=zen.charAt(n); str+=c; } return str; } </code>
- 05 フォームで数字しか入力させない
- ====== 05 フォームで数字しか入力させない ====== <code> <input type="text" name="id" value="" style="ime-mode: disable... nkeypress='if(event.keycode<"0".charcodeAt(0) || "9".charcodeAt(0)<event.keycode)return false;'> </code>
- 06 フォームでアクティブになったら表示が消える
- ====== 06 フォームでアクティブになったら表示が消える ====== <code> <input type="text" name="name" value="名前入力" onfocus="jav... lue) this.value = '';" onblur="javascript:if(this.value == '')this.value = this.defaultValue;"> </code>
- 08 switchで正規表現
- ====== 08 switchで正規表現 ====== <code> var str = 'hogehoge'; switch( true ){ case /hoge/.test(str): break; case /abcd/.test(str): break; } </code> {{tag>javascript}}
- 09 JavaScript 連想配列
- ====== 09 JavaScript 連想配列 ====== 下記は同じ <code> var options = {}; options.name = 'Matsui'; options["name"] = 'Matsui; </code> {{tag>javascript}}
