0
我有这些选项卡:如何获得选定的选项卡并发送打印功能?
<a href = "#" title="Print" role="button" id="print" onclick="print()" class = "btn btn-default btn-sm"><i class="fa fa-print"></i> </a>
<ul class="nav nav-tabs">
<li><a href="#floor1" data-toggle="tab" data-id="1"><span>1st Floor</span> </a> </li>
<li><a href="#floor2" data-toggle="tab" data-id="2"><span>2nd Floor</span> </a> </li>
<li><a href="#floor3" data-toggle="tab" data-id="3"><span>3rd Floor</span> </a> </li>
</ul>
<div class="tab-content" id="tabContents">
<div class="table-responsive tab-pane fade active in" id="floor1">
<p>Details on floor 1</p>
</div>
<div class="table-responsive tab-pane fade" id="floor2">
<p>Details on floor 2</p>
</div>
<div class="table-responsive tab-pane fade" id="floor3">
<p>Details on floor 3</p>
</div>
</div>
每当我点击打印锚,我将要打印的当前活动选项卡的内容。但我有一个问题,如何让当前选项卡发送到打印功能。谁能帮我吗?谢谢。
我有这个打印功能。
function print()
{
var divToPrint=document.getElementById("floor1").innerHTML;
newWin= window.open("");
newWin.document.write(divToPrint);
newWin.print();
newWin.close();
}
我只是使用了一切,但活动选项卡设置为'显示的打印样式表,尝试:none' ... – CBroe
是的,我想要做的就是确定哪些选项卡处于活动状态,即将打印的内容。 – Paul
它看起来像你的活动标签已经有一个类'活跃'设置...所以有什么问题...? – CBroe