Цитата:
Сообщение от kostyanet
повесить ровно 1 на всю таблицу
|
специально для вас в
Цитата:
Сообщение от kostyanet
скриптографии
|
клик на table,как вариант table можно заменить на любой вышестоящий тег
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
td{
border: #FF0000 1px solid
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$.fn.setCursorPosition = function (b) {
this.each(function (c, a) {
a.focus();
if (a.setSelectionRange) a.setSelectionRange(b, b);
else if (a.createTextRange) {
var d = a.createTextRange();
d.collapse(!0);
d.moveEnd("character", b);
d.moveStart("character", b);
d.select()
}
});
return this
};
$(document).ready(function () {
var b = JSON.parse(localStorage.getItem("tds")) || {},
c = document.querySelectorAll("td"),
a;
for (a in b) c[a] && (c[a].innerHTML = b[a]);
$("table").on("click", "td", function () {
var a = $(this),
c = a.html(),
e = $("td").index(a),
f = $("<input/>", {
value: c,
click: function (a) {
a.stopPropagation()
},
blur: function () {
b[e] = this.value;
localStorage.setItem("tds", JSON.stringify(b));
a.html(b[e])
}
});
a.html(f);
f.setCursorPosition(c.length)
})
});
</script>
</head>
<body>
<table>
<tr>
<td>1234</td>
<td>1234</td>
</tr>
<tr>
<td>1234</td>
<td>1234</td>
</tr>
<tr>
<td>1234</td>
<td>1234</td>
</tr>
</table>
<table>
<tr>
<td>1234</td>
<td>1234</td>
</tr>
<tr>
<td>1234</td>
<td>1234</td>
</tr>
<tr>
<td>1234</td>
<td>1234</td>
</tr>
</table>
</body>
</html>
|