Question

我有一个表单，用户将用它来记下笔记（我使用sisyphus.min.js来自动保存表单数据）。当用户想要打印他的笔记并且他点击打印时，表格内的数据（即他的所有笔记）应该打印而不受形式边框的限制（我只想打印用户的笔记。我有尝试下面的代码，但是当我点击打印表格边框时，表格中只有一部分数据出现在打印窗口中。当用户点击打印时，如何提取表格内的所有数据（ Ctrl + p ）。

<!DOCTYPE HTML>
<html>
<head>

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

    <script type="text/javascript" src="sisyphus.min.js"></script>

    <style type="text/css">

    @media print
    {
        #non-printable { display: none; }
        #printable{ display: block; }
    }
    </style>

</head>

<body>
    <div id="non-printable">

        <h1> Sample Content</h1>

    </div>

    <div id="printable">
        <form action="" id="myform" name="myform" method="post">
            <textarea class="form-control" id="exampleTextarea" rows="13"></textarea>
        </form>
    </div>


<script type="text/javascript">
$('#myform').sisyphus();
</script>


</body>
</html>

打印表单数据使用sisyphus自动保存

0 个答案: