| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

差分

ナビゲーションに移動 検索に移動
322 バイト追加 、 2020年2月16日 (日) 04:29
編集の要約なし
<&lt;!DOCTYPE html PUBLIC "-//W3C//DTD [[HTML ]] 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">&gt; <&lt;html>&gt; <&lt;head>&gt; <&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8">&gt; <&lt;link href="../css/style.css" type="text/css" rel="stylesheet">&gt; <&lt;style type="text/css">&gt; <&lt;/style>&gt; <&lt;script type="text/javascript" src="../js/jquery-1.4.1.min.js"><&gt;&lt;/script>&gt; <&lt;script type="text/javascript" src="../js/jquery.chromatable.js"><&gt;&lt;/script>&gt; <&lt;script type="text/javascript" src="../js/jquery-ui-1.7.2.custom.min.js"><&gt;&lt;/script>&gt; <&lt;script type="text/javascript"><&gt;&lt;!--
$(document).ready(function() {
var row_id = "tr_" + item.name;
$("#tbl1 tbody").append("<&lt;tr id='" + row_id + "'><&gt;&lt;/tr>&gt;");
var tr = $("#" + row_id);
var td_id = "td_" + item.name;
tr.append("<&lt;td id='" + td_id + "'>&gt;" + item.name + "<&lt;/td>&gt;");
var td_head = $("#" + td_id);
td_head.click(function(){alert(row_id);});
tr.append("<&lt;td><&gt;&lt;input type='text' style='width:90px;'/><&gt;&lt;/td>&gt;"); tr.append("<&lt;td><&gt;&lt;select><&gt;&lt;/select><&gt;&lt;/td>&gt;");
});
});
//--><&gt;&lt;/script>&gt; <&lt;title><&gt;&lt;/title>&gt; <&lt;/head>&gt; <&lt;body>&gt;
<&lt;div>&gt; name:<&lt;input type="text" id="item_name"/><&gt;&lt;br/>&gt; <&lt;input type="button" id="addbtn" value="add row"/>&gt; <&lt;/div>&gt; <&lt;table id="tbl1" style="table-layout:fixed;width:300px;">&gt; <&lt;col width="100px">&gt; <&lt;col width="100px">&gt; <&lt;col width="100px">&gt; <&lt;thead>&gt; <&lt;th>&gt;f1<&lt;/th>&gt; <&lt;th>&gt;f2<&lt;/th>&gt; <&lt;th>&gt;f3<&lt;/th>&gt; <&lt;/thead>&gt; <&lt;tbody>&gt; <&lt;/tbody>&gt; <&lt;/table>&gt;
<&lt;/body>&gt; <&lt;/html>&gt;

案内メニュー