2

Google Chrome に固有の問題があります。ご注文の確認ページです。印刷プレビューでは問題なく表示されます。ただし、実際にページを印刷すると、すべてのテキストがランダムな記号に過ぎず、意味がありません。正常に動作する他のすべてのページと同じように、UTF-8 を使用しています。私は公式にこれに困惑しています。

ページの HTML は次のとおりです。

    <%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ include file="/shared/components/imageCacheUrl.jsp" %> 

<!doctype html>
<!--[if lte IE 6 ]><html lang="en" id="ie6"><![endif]-->
<!--[if IE 7 ]><html lang="en" id="ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" id="ie8"><![endif]-->
<!--[if IE 9 ]><html lang="en" id="ie9"><![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>
    <title>Delta.com - Donate Miles Confirmation</title>
    <link rel="stylesheet" type="text/css" href='<s:url value="/buyGiftTransfer/css/buygifttransferdonate.css"/>' />
    <link rel="stylesheet" type="text/css" href='<s:url value="/buyGiftTransfer/css/donateCss.css"/>' />
</head>
<body class="no-js">
    <jsp:include page="../../tmpl/breadcrumbs/index.jsp"></jsp:include>
    <h1 class="bgt-headerTxt">Donate Miles</h1>
    <div id="ContentWell" class="grid_9 alpha bgt-app">
        <div id="bgt-primarymodule" class="contentWrapper clearfix">
            <div id="bgt-primarymodule-container">
                <!--<jsp:include page="../../tmpl/donate/_primaryModule.tmpl.jsp"></jsp:include>-->
                <!-- fix for Defect ID 10345 -->
                <h2 class="marketingTitle">DONATE MILES. MAKE A DIFFERENCE</h2>
                <p>Not sure what to do with your SkyMiles? Donate them to charity. Whichever charity or charities you choose, your miles will be put to good use. Please read the need-to-knows list before donating.</p>
                <ul>
                    <li>All donations to SkyWish and SkyWish Asia charities are not tax deductible for SkyMiles members or Delta.</li>
                    <li>Maximum of five charities can be selected and processed in one transaction.</li>
                    <li>Once the transaction has been completed, the miles will be transferred to the selected charities and cannot be reversed.</li>
                    <li>SkyMiles account must have sufficient miles to donate. </li>
                    <li>Minimum mileage donation rules apply.  Select individual charity for details.</li>  
                </ul>

            </div>
            <s:fielderror template="inlineerrors" />
        </div>
            <div id="recieptModule" class="contentWrapper">
                <h2 class="contentWrapperHeader">CONFIRMATION</h2>
                <div>
                    <ul id="emailPrint">
                        <li id="print"><a href="javascript:window.print()" class="ir">Print</a></li>
                    </ul>
                </div>
                <div class="sub_container_6">
                    <div class="sub_grid_4 alpha">
                        <hgroup>
                            <h2 class="marketingTitle">Thanks, <strong mpdistrans><s:property value="donateMiles.donateMilesProductType.name.firstName" /> <s:property value="donateMiles.donateMilesProductType.name.lastName" /></strong></h2>
                            <h4 class="marketingSubtitle">for your generous donation of <strong><s:text name="format.number"><s:param value="donateMiles.donateMilesProductType.totalDonateMilesAmount"></s:param></s:text> miles</strong> to these charities:</h4>
                        </hgroup>
                    </div>
                    <div class="sub_grid_2 omega">
                        <p id="transactionDate">Transaction Date: <s:property value="donateMiles.donateMilesProductType.transactionDate" /></p>
                    </div>
                    <div class="clear"></div>

                    <s:iterator value="donateMiles.donateMilesProductType.donateMilesProductResponses">
                        <div class="addedCharityDeets clearfix">
                            <div class="sub_grid_4 alpha">
                                <h4 class="recipientOrgName" mpdistrans>
                                    <s:property value="donateMilesProduct.recipientOrg.description" />
                                    <s:if test="fault.error.errorCode != 0000">
                                        &nbsp;&mdash;&nbsp;<s:property value="fault.error.errorMsg"/>
                                    </s:if> 
                                </h4>
                            </div>
                            <div class="sub_grid_1 giftedSkyMiles">
                                <p class="label">Donated Miles</p>
                                <p class="value"><s:text name="format.number"><s:param value="donateMilesProduct.recipientOrg.milesToDonate"></s:param></s:text><!--20,000 Miles--></p>
<!--                                <div class="grid_4 push_4">
                                        <div class="callout">
                                            <p class="infoicon promoicon">Applied</p>
                                            <div class="infoMessage">
                                                <h5>Promotion</h5>
                                                <p>100% matching miles.</p>
                                                <p><a href="#">See Details</a></p>
                                            </div>
                                        </div>
                                    </div>
-->                             </div>  
                                <s:if test="donateMilesProduct.estimateBonusMiles != 0">
                                <div class="sub_grid_1 omega lastcolumn">
                                    <h5 class="label">Bonus Miles</h5>
                                    <p><s:property value="donateMilesProduct.estimateBonusMiles" /></p>
                                </div>
                            </s:if>
                        </div>
                    </s:iterator>

                    <div id="thankyouMessage" class="sub_grid_3 alpha">
                        <s:if test="donateMiles.donateMilesProductType.totalBonusMiles != 0">
                            <p>As a thank you, we are crediting your account with <s:property value="donateMiles.donateMilesProductType.totalBonusMiles" /> bonus miles. <s:a href="#" cssClass="ir help" >Help</s:a><!--<a class="ir help">Help</a>--></p>
                        <s:else>&nbsp;</s:else>
                        </s:if>
                    </div>
                    <!-- div id="transactionSummary" class="sub_grid_3 omega">
                        <dl>
                            <dt class="sub_grid_2 alpha">TOTAL DONATED MILES</dt>
                            <dd class="sub_grid_1 omega"><s:property value="donateMiles.donateMilesProductType.totalDonateMilesAmount" /></dd>
                            <dt class="sub_grid_2 alpha">New SkyMiles Balance</dt>
                            <dd class="sub_grid_1 omega"><s:property value="donateMiles.donateMilesProductType.memberAvailableBalance" /></dd>
                        </dl>
                        <p>We'll send a copy of this transaction to your current email address that we have on file.</p>
                    </div -->
                    <div id="transactionSummary" class="bgt-transSummary">
                        <dl>
                            <div class="row">
                                <dt>TOTAL DONATED MILES</dt>
                                <dd id="totalDonatedMiles"><s:text name="format.number"><s:param value="donateMiles.donateMilesProductType.totalDonateMilesAmount"></s:param></s:text></dd>
                            </div>
                            <div class="row">
                                <dt class="bottomLine">New SkyMiles Balance</dt>
                                <dd id="totalDonatedMiles" class="bottomLine"><s:text name="format.number"><s:param value="donateMiles.donateMilesProductType.memberAvailableBalance"></s:param></s:text></dd>
                            </div>
                        </dl>
                        <div class="textSummary"><p>A confirmation email will be sent to the email address associated with the SkyMIles account.</p></div>
                    </div>
                </div>
                <div class="clear"></div>
                <!-- Defect 9945 -->
                <div class="contentWrapperFooter">
                <p id="returnToLandingPage"><a href="index.action">Return to Buy, Gift, Transfer</a></p>                
            </div>
            </div><!-- End div.content -->
        </div>      
    <script src='<s:url value="/buyGiftTransfer/js/delta.bgt.common.js"/>' type="text/javascript"></script>
    <jsp:include page="/components/omniture/buyGiftTransferDonate.jsp"></jsp:include>
    <script id="renderFunction">
        $('#primaryModuleContainer').html($('#_primaryModule_loggedIn').render());
        $('#renderFunction').remove();
    </script>
    <jsp:include page="/components/omniture/buyGiftTransferDonate_errors.jsp"></jsp:include>
    <script src='<s:url value="/buyGiftTransfer/js/delta.bgt.common.js"/>' type="text/javascript"></script>
    <script src='<s:url value="/buyGiftTransfer/js/donatejs.js"/>' type="text/javascript"></script>
    <script src='<s:url value="/buyGiftTransfer/js/updateDashboardMiles.js"/>' type="text/javascript"></script>
</body>
</html>

印刷スタイルを制御する CSS は次のとおりです。

@media print {
nav#nav-widget, nav#utility-nav , .interactivebreadcrumb , footer, section{ display:none; }
.addedCharityDeets .giftedSkyMiles p.label {color:333333}
#brand a {
background:url(//int-cdn.delta.com/etc/designs/delta/images/bg-global-sprite.png) no-repeat 0 0;  
}
}

ページを印刷すると、ランダムな文字の束になります。文字エンコーディングとフォントエンコーディングの問題を調べましたが、ここでもグーグルでもまだ何も見つけていません. 前の投稿が閉じてしまったので再投稿です。私はスタック オーバーフローが初めてなので、何を提供する必要があるかわかりませんでした。ありがとう!

4

0 に答える 0