0

SharePoint コンテンツ エディター Web パーツ (CEWP) で、名前と時刻に基づいてユーザーをサイトに歓迎し、別のリンクも表示するスクリプトを使用しています。フォーマットに問題があります。作業スクリプトをカスタマイズしましたが、何らかの理由でフォント サイズと色が正しく機能しません。誰かが私を正しい方向に向けることができますか? 「var WelcomeMenuContent」に関係していると思いますが、よくわかりません。

いつものようにどんな助けでも大歓迎です：

<script type="text/javascript" src="https://wss.companyabc.org/sites/WSS001905/SiteAssets/Libraries/jquery-1.10.2.min.js"></script>

<style type="text/css">
#Header {
font-family: Arial;
color: #cc0717;
font-size: 3em;
text-decoration: underline;
}
#SubHeader {
font-family: Arial;
color:#000000;
font-size: 1.5em;
}
#Hyperlink{
font-family: Arial;
color:#cc0717;
weight: bold;
font-size: 1em;
}
</style>

<center>
<div class="Header">
<span id="greeting">Hello</span>
<script type = "text/javascript">
    $(document).ready(function(){
        var WelcomeMenuContent = $('.ms-welcomeMenu > a.ms-menu-a > span');
        var UserName = WelcomeMenuContent.text();
        var FirstName = UserName.split(" ")[0];
        var Display;
        var Digital = new Date()
        var Hours = Digital.getHours()

        Morning = 'Good morning' + " " + FirstName;
        Lunch = 'Good afternoon' + " " + FirstName;
        Evening = 'Good evening' + " " + FirstName;
        Night = 'Good night' + " " + FirstName;
        TimeElse = 'Welcome' + " " + FirstName;

            if (Hours >= 5 && Hours <= 11) 
                document.getElementById("greeting").innerHTML=(Morning);
                    else if (Hours >= 12 && Hours <= 17) 
                document.getElementById("greeting").innerHTML=(Lunch);
                    else if (Hours >= 18 && Hours <= 22) 
                document.getElementById("greeting").innerHTML=(Evening);
                    else if (Hours >= 23 && Hours <= 4) 
                document.getElementById("greeting").innerHTML=(Night);
            else
                document.getElementById("greeting").innerHTML=(TimeElse);
    }); 
</script>
</div>
    <div class="SubHeader">
        <span>Welcome to the home of Company ABC</span>
    </div>
</br>
<hr>
</br>
    <div class="Hyperlink">
        <a href="http://www.google.com">Click here to continue to the  Community SharePoint Site</a>
    </div>
<hr>
</br>

</center>
4

2 に答える 2

1

ID を使用してクラスに対処しています。CSS では、#id 属性に対応し、whearas.はクラス属性に対応します。以下を変更します。

#Header      >>    >> .Header 
#SubHeader   >> to >> .SubHeader
#Hyperlink   >>    >> .Hyperlink

すでにjQueryを使用しているため、変更を検討してください。

 document.getElementById("greeting").innerHTML=(Morning);

に

 $('#greeting').text(Morning);
于 2013-09-19T17:16:27.223 に答える