|
>はつねさん
マスターページを使用しており本体のみを印刷させたいのですが、ブラウザの標準機能印刷ではマスタ部分も印刷されてしまいます。 本体の内容が下部マスターに隠れて印刷されることもあります(ブラウザ表示ではスクロールすれば見える)。
印刷用に本体のみのページを用意することを検討しています。
>もりおさん
スクリプトへのパスは同じ階層で間違ってないとおもいますが。 <script src="~/jquery.js" type="text/javascript"></script> <script src="~/jquery.jPrintArea.js" type="text/javascript"></script>
htmlについても素人ですが下記がソースです。
*ここから
<%@ Page Language="VB" MasterPageFile="~/MstSub4Sub.master" AutoEventWireup="false" CodeFile="Web41Kosyo.aspx.vb" Inherits="Web41Kosyoshien" title="無題のページ" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
<script src="~/jquery.js" type="text/javascript"></script> <script src="~/jquery.jPrintArea.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('.link').click(function(){ $.jPrintArea('#print_area') }); }); </script>
くa href="#" class="link">印刷く/a>
<asp:Panel ID="Panel3" runat="server" Height="667px" Width="1268px" Wrap="False" ScrollBars="Auto"> <asp:Panel ID="Panel4" runat="server" Height="663px" Width="1252px"> <table cellpadding="0" cellspacing="0" style="width: 863px; height: 48px; font-family: 'MS ゴシック', 'Courier New', monospace;"> <tr> <td style="width: 10px; height: 12px"> </td> <td style="height: 12px; width: 791px"> </td> <td class="style2" style="height: 12px"> </td> </tr> <tr style="background-color: #C0C0C0"> <td style="width: 10px; background-color: #FFFFFF;"> </td> <td style="width: 791px; background-color: #C0C0C0;"> 設備選択:<asp:RadioButton ID="RadioButton1" runat="server" Checked="True" Font-Names="MS ゴシック" GroupName="gSetubi" Text="全て " /><asp:RadioButton ID="RadioButton2" runat="server" Font-Names="MS ゴシック" GroupName="gSetubi" Text="主ゲート " /><asp:RadioButton ID="RadioButton3" runat="server" Font-Names="MS ゴシック" GroupName="gSetubi" Text="上流ゲート " /><asp:RadioButton ID="RadioButton4" runat="server" Font-Names="MS ゴシック" GroupName="gSetubi" Text="下流ゲート " /></td> <td align="center"> <asp:Button ID="Button1" runat="server" Text="印刷" OnClientClick="text/javascript('#print_area')" /> </td> </tr> </table> <br /> <table cellpadding="0" cellspacing="0" style="width: 910px; height: 84px"> <tr> <td style="width: 10px"> </td> <td valign="top"> <div id="print_area"> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Font-Bold="False" Font-Names="MS Pゴシック" Font-Size="11pt" Width="856px" DataKeyNames="DfErrNo"> <RowStyle BorderStyle="Inset" Height="25px" HorizontalAlign="Center" /> <Columns> <asp:BoundField DataField="DfNo" HeaderText="番号"> <HeaderStyle Width="45px" /> <ItemStyle Width="45px" /> </asp:BoundField> <asp:ButtonField ButtonType="Image" CommandName="Shindan" HeaderText="設備" ImageUrl="~/image/icon_sindan.gif"> <ItemStyle Width="45px" /> </asp:ButtonField> <asp:ButtonField ButtonType="Image" CommandName="Kasyo" HeaderText="故障箇所" ImageUrl="~/image/icon_damage.gif"> <ItemStyle Width="90px" /> </asp:ButtonField> <asp:BoundField DataField="DfGate" HeaderText="ゲート名"> <ItemStyle Width="90px" /> </asp:BoundField> <asp:BoundField DataField="DfSetubi" HeaderText="設備"> <ItemStyle Width="135px" /> </asp:BoundField> <asp:BoundField DataField="DfNaiyoh" HeaderText="故障内容"> <ItemStyle Width="402px" /> </asp:BoundField> <asp:BoundField DataField="DfLevel" HeaderText="故障レベル"> <ItemStyle Width="90px" /> </asp:BoundField> <asp:BoundField DataField="DfErrNo" HeaderText="Err" Visible="False" /> </Columns> <HeaderStyle BackColor="#FF66CC" BorderStyle="Inset" Font-Bold="False" ForeColor="White" Height="25px" /> </asp:GridView> </div> </td> </tr> </table> </asp:Panel> </asp:Panel> </asp:Content>
*ここまで。
|