In this post we will discuss how to customize welcome message session wise using jQuery. Also you can check out:
This Article shows how to work with Welcome Message Session Wise . You’ll also find some plain old good JS date stuff that can be useful when you need to check times. We want to welcome our users in their Office timing Session . We can use how to work with variables to retrieve the Current time hours Calculate applied Session Message(like Good morning , Lunch time, Good evening, Time to go home, and if time else then message like Welcome, we will be able to modify our welcome message accordingly.
We are ready to take a look at the result. Simply switch the display Session in the welcome menu to see the result of our work.
Steps to follow:
Add a Content Editor Web Part
to your page and in the ribbon search for the HTML Source Editor for this Web Part. You can add your code in this editor to test the result on the page where the Web Part is found.
Code to add in the HTML Source Editor of the Content Editor Web Part (Don’t forget to add your jQuery library first as mentioned above):
var WelcomeMenuContent = $('.ms-welcomeMenu > a.ms-menu-a > span');
var UserName = WelcomeMenuContent.text();
var FirstName = UserName.split(" ");
var Digital = new Date()
var Hours = Digital.getHours()
Morning = 'Good morning' + " " + FirstName;
Lunch = 'Lunch time' + " " + FirstName;
Evening = 'Good evening' + " " + FirstName;
Night = 'Time to go home' + " " + FirstName;
TimeElse = 'Welcome' + " " + FirstName;
if (Hours >= 5 && Hours <= 11)
else if (Hours == 12)
else if (Hours >= 13 && Hours <= 17)
else if (Hours >= 18 && Hours <= 23)