#php #html #css
#php #HTML #css
Вопрос:
У меня есть модальный для каждого арендатора в таблице для их получения, и я хочу распечатать только модальный, но проблема в том, что печать работает только с первым арендатором и не работает с другими арендаторами в таблице.
<script>
document.getElementById("btnPrint").onclick = function () {
printElement(document.getElementById("printThis"));
var modThis = document.querySelector("#printSection .modifyMe");
modThis.appendChild(document.createTextNode(""));
window.print();
}
function printElement(elem) {
var domClone = elem.cloneNode(true);
var $printSection = document.getElementById("printSection");
if (!$printSection) {
var $printSection = document.createElement("div");
$printSection.id = "printSection";
document.body.appendChild($printSection);
}
$printSection.innerHTML = "";
$printSection.appendChild(domClone);
}
</script>
(html)
<div id="printThis" class=" modifyMe">
<h3 class="modal-title text-center" id="myModalLabel">
(css)
@media print {
body * {
visibility:hidden;
}
#printSection, #printSection * {
visibility:visible;
}
#printSection {
position:absolute;
left:0;
top:0;
}
Комментарии:
1. Трудно правильно видеть ограниченные части кода, которые вы здесь показываете. В частности, поможет цикл, который создает ваши модальности в таблице. Из того, что я вижу, похоже, что вы выбираете элемент по идентификатору, но используете общий идентификатор
printThis
. Если тот же идентификатор повторяется во всех модальностях, это может быть проблемой,2. @Luke да, я думаю, что проблема в идентификаторе
3. есть какие-либо обновления? Исправило ли изменение идентификатора проблему?