ハロの外部記憶インターフェイス

そろそろ覚える努力が必要かも…

jQuery

ASP.NET MVCでjQueryが動作しない

SCRIPT5009: '$' is not defined jQueryをすべて正しく設定してもこのエラーになってしまう。 解決 @Scripts.Render("~/bundles/jquery")をヘッダー部に設定する。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8" /> </meta></meta></head></html>

動的に追加した項目にイベントをバインドする。

動的に追加された要素は画面のイベントがバインドされていないため、イベントが動作しない。 そのため、追加したタイミングで新しくイベントをバインドする必要がある var div = $("div"); div.append('<input id="input1" type="text" value="" />'); div.append('<input id="input2" type="text" value="" />'); div.append('<input id="input3" type="text" value="" />'); $("#injact_div"…

thisより、何番目の要素かを確認する。

選択した行が何番目のRowかを確認する。 HTML <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> Script $("ul li").click(function() { alert($("ul li").index(this)); }); HTML <tr onclick="tr_click(this)"></tr> <tr></tr> <tr></tr>Script function tr_click(row) { alert($("tr").index(row)); }

JavaScriptで画面遷移処理

JavascrptでPOST処理をするためにはFormを作成して、そのフォームをSubmitする。 $('<form/>', { action: 'Edit', method: 'post' }) .append($('<input/>', { type: 'hidden', name: 'eigyoNo', value: '12345' })) .append($('<input/>', { type: 'hidden', name: 'juchubi', valu</input/></input/></form/>…

jQuery.UiのDialogを使ってみた

jQuery.Uiを使う jqueryui.com 必要な処理 jquery.ui用のCssと当然ながら、jqueryとjquery.uiのjsの追加が必要だ。 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></link>

jsonを利用する。

Json文字列から値を取得する //json文字列 var jsondata = '{"name":"taro","adddr":"tokyo","age":"13"}'; //JSONをパース var data = JSON.parse(jsondata); alert(data["name"]); HtmlElementから特定要素を取得 Html <table> <tbody> <tr oncllick="rowClick(this)"> <td>1</td> <td>abc </td></tr></tbody></table>

要素の値を取得する

idタグより取得 Html <input id="name" value="abc" type="hidden" />Script $("#name").val(); // "abc" $("#name").attr("type"); // "hidden" $("#name").val("def"); //値を"def"にする。 $("#name").attr("value"); // "def" 特定様相の中から、対象データを取得する場合 var row = $("tr:first"); $(…