| |
|
|
| | Доброго времени суток!
Подскажите пожалуйста как реализовать следующее:
есть табличка, в ней каждая строка имеет уникальный id (<tr id="[num]">. По клику происходит выделение строки (меняется цвет), а потом по нажатию кнопки СОХРАНИТЬ id выделенных строк отсылаются в phpскрипт для дальнейшей обработки. | |
| |
|
|
| |
|
|
| |
для: sponge
(05.10.2008 в 16:56)
| | |
<script>
var ids = new Array();
function setIds(e) {
e.style.background = "#fa8072";
ids.push(e.attributes["id"].value);
}
function send() {
if(ids.length > 0) {
document.getElementById('as').value = ids.join(":");
return true;
} else {
alert("Selected!");
return false;
}
}
</script>
<table>
<tr id="1" onclick="setIds(this)">
<td>value</td>
<td>value</td>
</tr>
<tr id="2" onclick="setIds(this)">
<td>value</td>
<td>value</td>
</tr>
<tr id="3" onclick="setIds(this)">
<td>value</td>
<td>value</td>
</tr>
</table>
<form action="" onsubmit="return send()">
<input type="hidden" name="as" id="as" value="">
<input type="submit" value="Сохранить">
</form>
|
| |
| |
|
|
| |
|
|
| |
для: sim5
(05.10.2008 в 17:59)
| | | Благодарю!!! | |
| |
|
|
| |
|
|
| |
для: sponge
(05.10.2008 в 18:01)
| | | Не за что, это только пример, и он не учитывает повторный клик по строке таблицы. Надо понимать это нужно тоже сделать ;-) | |
| |
|
|
| |
|
|
| |
для: sim5
(05.10.2008 в 19:14)
| | | )) как-то и не сообразил сразу. действительно нужно. | |
| |
|
|
| |
|
|
| |
для: sponge
(05.10.2008 в 20:13)
| | |
//переписать эту функцию
function setIds(e) {
if (!e.style.backgroundColor) {
e.style.backgroundColor = "#fa8072";
ids.push(e.attributes["id"].value);
} else {
e.style.backgroundColor = "";
for (i=0; i<ids.length; i++) {
if (e.attributes["id"].value == ids[i]) ids.splice(i,1);
}
}
}
|
| |
| |
|
|
