How to Create a Custom Greeting in SharePoint

Here a simple greeting you can create with the out-of-the-box Content Editor web part and some JavaScript. The script obtains the user's name from the SharePoint display name, and determines what time of the day it is to display the correct greeting as the following example.

Good morning, Leo!


Here's how to create the greeting. Add a Content Editor web part to your SharePoint page and add the following code to it:

<script type="text/javascript">
ExecuteOrDelayUntilScriptLoaded(init,'sp.js');
var currentUser;
var title;
var trimmed;
var titleAry;
var currentDate;
var currentHours;

function init(){
    this.clientContext = new SP.ClientContext.get_current();
    this.oWeb = clientContext.get_web();
    currentUser = this.oWeb.get_currentUser();
    this.clientContext.load(currentUser);
    this.clientContext.executeQueryAsync(Function.createDelegate(this,this.onQuerySucceeded), Function.createDelegate(this,this.onQueryFailed));
}

function onQuerySucceeded() {
    currentDate = new Date();
    currentHours = currentDate.getHours();
    if (currentHours >= 5 && currentHours < 12) { greeting = "Good morning"; }
    else if (currentHours >= 12 && currentHours <= 17) { greeting = "Good afternoon"; }
    else if (currentHours < 5 || currentHours > 17) { greeting = "Good evening"; }

    title = currentUser.get_title();
    trimmed = title.replace(/^\s+|\s+$/g, '');
    titleAry = trimmed.split(" ");
    document.getElementById('userTitle').innerHTML = greeting + ", " + titleAry[2] + "!";
}

function onQueryFailed(sender, args) {
    alert('Request failed. \nError: ' + args.get_message() + '\nStackTrace: ' + args.get_stackTrace());
}

</script><div style="font-size: 14pt; color: green"><b><span id="userTitle"></span></b></div>


NOTE: The user's name is obtained by parsing the display name. In this code example, the display name format is "LastName Title/Rank FirstName MI". So, the third token ([2]) is used to obtain the user's first name. You may need to modify the code depending on your organization's display name format.

Enjoy!
Leo