Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何使用拖放对象打印此div?_Php_Angularjs_Codeigniter_Drag And Drop - Fatal编程技术网

Php 如何使用拖放对象打印此div?

Php 如何使用拖放对象打印此div?,php,angularjs,codeigniter,drag-and-drop,Php,Angularjs,Codeigniter,Drag And Drop,我可以打印,但输出错误。这是我的打印脚本: <script type="text/javascript"> function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML = printConten

我可以打印,但输出错误。这是我的打印脚本:

<script type="text/javascript">
function printDiv(divName)
{
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;
}
</script>

函数printDiv(divName)
{
var printContents=document.getElementById(divName).innerHTML;
var originalContents=document.body.innerHTML;
document.body.innerHTML=打印内容;
window.print();
document.body.innerHTML=原始内容;
}
这是一种观点:

<div class="accordion-body collapse in body" id="printableArea">
    <div class="col-lg-12">
        <span class="text-left"><h4><b>Course Code-Section: </b><?php echo $class;?></h4></span>
        <span class="text-left"><h4><b>Course Description: </b><?php echo $description;?></h4></span>
        <span class="text-left"><h4><b>School Year-Semester: </b><?php echo $schoolyearsemester;?></h4></span>
        <span class="text-left"><h4><b>Day-Time: </b><?php echo $daytime;?></h4></span>
        <span class="text-left"><h4><b>Room: </b><?php echo $room;?></h4></span>
        <br>
    </div>

    <ul class="draglist" style="width:{{config.width * config.col}}px;" ng-cloak>
        <li ng-repeat="obj in chairs" ng-drop="false" ng-drop-success="onDropComplete($index, $data,$event)" ng-cloak>
            <div ng-drag="false" ng-drag-data="obj" ng-class="obj" ng-cloak>
                <span class="student-name">{{obj.length > 3 ? obj: ''}}</span>
            </div>
        </li>
    </ul>

    <div class="form-actions">
        <h3 class="text-center">Professor's Table</h3>
    </div>

</div>
    <input type="button" onclick="printDiv('printableArea')" value="Print Seatplan" />

课程代码部分:
课程简介:
学年学期:
日间时间:
房间:

  • {{obj.length>3?obj:'}
教授桌
这是显示以下内容的图像或输出:

这是我正在打印的一个拖放式座椅平面图:


Print选项不会呈现您的类,因此您在类中编写的任何样式表都不会在页面打印过程中得到反映。什么?对不起,我不明白我的意思是,你已经用css设计了这个HTML,对吗?当您试图打印此页面时,它不会将您的css应用于HTML结构。那么如何打印?您可以在
@media print{…}
中编写所有css样式,并从链接标记中省略媒体类型。为了进一步了解,您可以参考以下链接:打印选项不会呈现您的类,因此您在类上编写的任何样式表都不会在页面打印期间得到反映。什么?对不起,我不明白我的意思是,你已经用css设计了这个HTML,对吗?当您试图打印此页面时,它不会将您的css应用于HTML结构。那么如何打印?您可以在
@media print{…}
中编写所有css样式,并从链接标记中省略媒体类型。有关更多信息,请参阅以下链接: