SharePoint 2010: Show Welcome message session wise Using jQuery


In this post we will discuss how to customize welcome message session wise using jQuery. in SharePoint 2010 page.

Read some SharePoint tutorials

SharePoint Designer 2016 Download and Updates

Dropdown list with multiple selection option in SharePoint 2010

SP.UI.ModalDialog.showModalDialog() do not work in SharePoint 2013

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.



SharePoint 2010: Show Welcome message session wise Using jQuery
SharePoint 2010: Show Welcome message session wise Using jQuery
Steps to followed:

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):

<script src=”/JS/jquery-1.3.2.min.js” type=”text/javascript”></script>

<script language=”javascript” 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()

Lunch = ‘Lunch time’ + ” ” + FirstName;

Evening = ‘Good evening’ + ” ” + FirstName;

Night = ‘Time to go home’ + ” ” + FirstName;

TimeElse = ‘Welcome’ + ” ” + FirstName;

if (Hours >= 5 && Hours <= 11)

WelcomeMenuContent.text(Morning);

else if (Hours == 12)

WelcomeMenuContent.text(Lunch);

else if (Hours >= 13 && Hours <= 17)

WelcomeMenuContent.text(Evening);
else if (Hours >= 18 && Hours <= 23)

WelcomeMenuContent.text(Night);

else

WelcomeMenuContent.text(TimeElse);

});

</script>


Hope this will be helpful.

Check out Best Alternative to InfoPath -> Try Now

You May Also like the Following SharePoint Online Tutorials:

About Sagar Pardeshi

I am Developer working on Microsoft Technologies for the past 6+years. I am very much passionate about programming and my core skills are SharePoint, ASP.NET & C#,Jquery,Javascript,REST. I am running this blog to share my experience & learning with the community I am an MCP, MCTS .NET & Sharepoint 2010, MCPD Sharepoint 2010, and MCSD HTML 5,Sharepoint 2013 Core Solutions. I am currently working on Sharepoint 2010, MOSS 2007, Sharepoint 2013,Sharepoint 2013 App Dev, C#, ASP.NET, and SQL Server 2008.

View all posts by Sagar Pardeshi →