hi all,
i'm using a modalpopupextender to print a gridview. for printing the modalpopup content, i'm using an empty iframe and a javascript function. the only annoying thing is, that i just cant put my css stylesheets into the empty iframe. i've already tried to include it within my JS-function, right before the "</head>" tag, but without any success. do u have any suggesstions to achieve my goal?
function PrintSchuelerliste() { try { document.getElementById('ibPrint').style.display = 'none'; document.getElementById('ibCancel').style.display = 'none'; var oIframe = document.getElementById('ifrmPrint'); var oContent = document.getElementById('divDrucken').innerHTML; var oDoc = (oIframe.contentWindow || oIframe.contentDocument); if (oDoc.document) oDoc = oDoc.document; oDoc.write("<html>"); oDoc.write("</head><body onload='this.focus(); this.print();'>"); oDoc.write(oContent + "</body></html>"); oDoc.close(); } catch (e) { alert("Error: " + e.message); } }
<asp:ModalPopupExtender ID="mpeDrucken" runat="server" CancelControlID="ibCancel" OkControlID="btnOkay" TargetControlID="btnDrucken" PopupControlID="divDrucken" BackgroundCssClass="modalBackground" /><iframe id="ifrmPrint" name="ifrmPrint" runat="server" class="yform" style="display:none;" /><div id="divDrucken" style="width: 820px; height:600px; background-color: White; border-style:solid; border-width:2px; border-color:Black; overflow:scroll;"><div style="margin-top: 10px; margin-left: 50px;"><asp:ImageButton ID="ibCancel" runat="server" ImageUrl="~/img/cancel_16x16.png" style="float:right; margin-right:10px;" /><br /><br /><asp:Label ID="lblSuchtyp" runat="server" Text="" /><br /><asp:LinkButton ID="ibPrint" runat="server" Text="Drucken" OnClientClick="PrintSchuelerliste();" UseSubmitBehavior="false" /><br /><br /><asp:GridView ID="gvSchuelerDruckliste" runat="server" AutoGenerateColumns="false" DataKeyNames="Id, IstBestaetigt, IstSchwerpunktSchueler" HeaderStyle-ForeColor="Black"><Columns><asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Nachname" ItemStyle-Width="280px" /><asp:BoundField DataField="Geburtsdatum" HeaderText="Geburtsdatum" DataFormatString="{0:d}" SortExpression="Geburtsdatum" ItemStyle-HorizontalAlign="Center" /><asp:BoundField DataField="Klassenstufe" HeaderText="Klassenstufe" SortExpression="Klassenstufe" ItemStyle-HorizontalAlign="Center" /><asp:BoundField DataField="Klasse" HeaderText="Klasse" SortExpression="Klasse" ItemStyle-HorizontalAlign="Center" /><asp:TemplateField HeaderText="Schwerpunktschüler" SortExpression="IstSchwerpunktSchueler"><ItemTemplate><div style="text-align: center"><asp:Label ID="lblSchwerpunktSchueler" runat="server" Text='<%# Boolean.Parse(Eval(eSchule24.LMF.Resources.Schueler.Suchen.IstSchwerpunktSchueler).ToString()) ? eSchule24.LMF.Resources.Common.Ja : eSchule24.LMF.Resources.Common.Nein %>' /></div></ItemTemplate></asp:TemplateField><asp:TemplateField HeaderText="Geprüft" SortExpression="IstGeprueft"><ItemTemplate><div style="text-align: center"><asp:Label ID="lblGeprueft" runat="server" Text='<%# Boolean.Parse(Eval(eSchule24.LMF.Resources.Schueler.Suchen.IstBestaetigt).ToString()) ? eSchule24.LMF.Resources.Common.Ja : eSchule24.LMF.Resources.Common.Nein %>' /></div></ItemTemplate></asp:TemplateField></Columns></asp:GridView><input id="btnOkay" type="button" value="Done" style="display: none;" /> </div></div>