Добрый день.
Пытаюсь реализовать бутстраповское модальное окно. Нарыл код, соответственно окно хочу на свой лад переделать. Но редактировать HTML в строке, жуть как неудобно:
$(document).ready(function() {
$('a[data-confirm]').click(function(ev) {
var href = $(this).attr('href');
if (!$('#dataConfirmModal').length) {
// *** тут создается модальное окно
$('body').append('<div id="dataConfirmModal" class="modal" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="dataConfirmLabel">Please Confirm</h3></div><div class="modal-body"></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button><a class="btn btn-primary" id="dataConfirmOK">OK</a></div></div>');
}
$('#dataConfirmModal').find('.modal-body').text($(this).attr('data-confirm'));
$('#dataConfirmOK').attr('href', href);
$('#dataConfirmModal').modal({show:true});
return false;
});});
Решил создать отдельный класс и им передавать форму:
public static function showModalConfirm() {
?>
<div id="dataConfirmModal" class="modal" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true">
...
</div>
<?php
}
Так:
$('body').append('<?= Template::showModalConfirm() ?>');
Проблема в том, что форма передается со всеми пробелами и переносами. Скрипт работает, только если форму в строку описать. (хотя это уже лучше. хотя-бы синтаксис подсвечивается) Можно, конечно, написать парсер, но похоже это будет "велосипед".
Какова нормальная практика в схожих вопросах?