Добрый день помогите решить задачку.
У меня есть таблица которая генерируется при загрузке страницы (для разбиения на страницы используется плагин (
www.datatables.net)
таблица имеет следующий вид
<table class="table table-striped table-bordered dataTable no-footer">
<tr>
<th>Действие 1</th>
<th>Действие 2</th>
</tr>
<tr>
<td><a onclick="return confirm(\'Вы уверены?\')" href="index.php?act=sent&id=1&act=1">act 1</a></td>
<td>Х</td>
</tr>
<tr>
<td><a onclick="return confirm(\'Вы уверены?\')" href="index.php?act=sent&id=40&act=1">act 1</a></td>
<td>Х</td>
</tr>
<tr class="success">
<td>Х</td>
<td><a onclick="return confirm(\'Вы уверены?\')" href="index.php?act=sent&id=42&act=2">act 2</a></td>
</tr>
<tr class="danger" >
<td>Х</td>
<td>Х</td>
</tr>
</table>
http://jsfiddle.net/morrozilla/ojgtg1jk/2/
Т.е. сейчас при нажатии на ссылку страница перезагружается выполняется действие согласно нажатой ссылке и таблица рисуется заново, минусы этого варианта видны сразу:
1. скорость работы
2. при перезагрузке страницы выкидывает опять на первую страницу таблицы что очень неудобно, хотелось бы оставаться на том же месте где была нажата кнопка.
При нажатии на
act 1 должны выполняться следующие действия:
1. при нажатии на "act 1" данной строке строке должен присвоиться класс <tr class="success"> что бы закрасить строку в зеленый цвет
2. заблокироваться кнопка act 1 (заменить допустим на Х и убрать ссылку <a></a>)
3. активировать ссылка act 1
При нажатии на
act 2 должны выполняться следующие действия:
1. при нажатии на "act 2" данной строке строке должен присвоиться класс <tr class="dunger"> что бы закрасить строку в розовый цвет
2. заблокироваться кнопка act 2 (заменить допустим на Х и убрать ссылку <a></a>)
Буду благодарен за любую помощь.