Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.01.2015, 14:03
Новичок на форуме
Отправить личное сообщение для morrozilla Посмотреть профиль Найти все сообщения от morrozilla
 
Регистрация: 11.04.2014
Сообщений: 2

Динамическое измеенние полей с таблице
Добрый день помогите решить задачку.
У меня есть таблица которая генерируется при загрузке страницы (для разбиения на страницы используется плагин (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>)

Буду благодарен за любую помощь.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
динамическое добавление и редактирование полей Jquery nikolaymac jQuery 12 09.09.2013 07:53
Имеет ли смысл хранить даты в отдельной таблице? frutality Серверные языки и технологии 7 15.08.2013 19:39
Изменение цвета ячейки в таблице, при наведении на строку другой таблицы Psychosonic Общие вопросы Javascript 12 24.11.2010 16:44
Добавление и удаление полей в форму anoth3r Events/DOM/Window 1 11.09.2009 15:10
проверка полей формы!!!! DENAT Общие вопросы Javascript 0 05.06.2008 22:14