Цитата:
<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
<h4 class="modal-title custom_align" id="Heading">Edit Your Detail</h4>
</div>
<div class="modal-body">
<div class="form-group">
<input class="form-control " type="text" placeholder="Mohsin">
</div>
<div class="form-group">
<input class="form-control " type="text" placeholder="Irshad">
</div>
<div class="form-group">
<textarea rows="2" class="form-control" placeholder="CB 106/107 Street # 11 Wah Cantt Islamabad Pakistan"></textarea>
</div>
</div>
<div class="modal-footer ">
<button type="button" class="btn btn-warning btn-lg" style="width: 100%;"><span class="glyphicon glyphicon-ok-sign"></span> Update</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="edit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
<h4 class="modal-title custom_align" id="Heading">Delete this entry</h4>
</div>
<div class="modal-body">
<div class="alert alert-danger"><span class="glyphicon glyphicon-warning-sign"></span> Are you sure you want to delete this Record?</div>
</div>
<div class="modal-footer ">
<button type="button" class="btn btn-success" ><span class="glyphicon glyphicon-ok-sign"></span> Yes</button>
<button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> No</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
|
Цитата:
Вот "код окон"
alert('Test');
prompt('Test');
confirm('Test');
window.open('http://javascript.ru/forum/jquery/68044-modalnye-okna-ajax-zaprosy-2.html#post448185');
В твоем примере лишь хтмл теги... |
Цитата:
|
Цитата:
data-toggle="modal" data-target="#delete" Если бы по ссылке перешли сами бы убедились, что все работает. Вопрос совсем в другом, как из таблицы с пользователями достать данные и привязать их к модальному окну, чтобы из него потом эти данные через аякс отправить управляющему скрипту. |
Цитата:
Цитата:
Лови событие клика... Отыскивай нужный элемент с тем ИДшником... При формировании УРЛа, для отправки данных серверу, подсунешь еще один параметр - ИД пользователя. Есть другой способ... Если можешь повлиять на разметку элемента, который ты, по наивности, называешь "модальным окном", добавь в него скрытый инпут. Когда будут заполняться поля редактирования, данными из строки пользователя, в тот скрытый инпут запиши ИД пользователя... Т.е. тебе просто нужно уметь манипулировать данными в пределах одного окна, в котором все и происходит. ;) |
Цитата:
|
Я с бустрапом дело не имел. Это же ты с ним работаешь...
|
jquest,
нет там ничего модального ни от бустрапа ни от другого. Это пример аля модального диалога. Если речь идет об административном разделе и нужен диалог между клиентом и сервером, то этого "окна" уж точно не хватит. |
Цитата:
Цитата:
|
jquest,
Зачем вам вообще нужно это окно? Необходимо редактировать список пользователей. А это форма, и если редактирование, это только удалить, то это набор флажков, значениями которых проставлены ID пользователей, и проставлено сервером при запросе этой формы. На бутстрапе ли эта таблица-форма построена или нет роли не играет. Отмеченные для удаления флажки отправляются серверу асинхронным запросом. Начиная с этого момента и потребуется вывод сообщений от сервера - ошибки происшедшие на сервере при удалении и т.п. Кроме этого сервер может возвращать обновленные данные, то есть следующую страницу пользователей, с учетом удаленных. Вы зациклились на окне, а надо думать в целом над административном управлением, решаемых им задачах, и какой "инструментарий" для этого потребуется. |
| Часовой пояс GMT +3, время: 22:47. |