CHunky Universe of Vigourous Astonishing SHarepoint :)
In my previous post I showed a little proof-of-concept for an httphandler which I want to use to dynamically get the localization resources from SharePoint as javascript object. But wait a moment. How does SharePoint handle localization on client? When you look in Script tab in Chrome dev tools, you’ll find:
It is added to the server when deployed. See a good introduction to WebResource.axd and ScriptResource.axd by Brian Chavez.
sx.ashxThat was new. Try to google it. You won’t find much results.
Wait a sec, so there is actually the localization httphandler in SharePoint which I wanted to do?
Can’t be true, can it? Let’s look closer. So the url for this javascript file is:
/_layouts/ScriptResx.ashx?culture=nb-no&name=SP.Res
It is added with RegisterSod:
<script type="text/javascript">
RegisterSod("sp.res.resx",
"\u002f_layouts\u002fScriptResx.ashx?culture=nb\u00252Dno\u0026name=SP\u00252ERes\u0026rev=4rLK\u00252F2Oo4ectujVWgrynrA\u00253D\u00253D");
</script>
It begins by:
_EnsureJSNamespace('SP');
SP.Res={lcid:'1044',autocompleteAccessibleMenuName:'Autofullf\u00F8r-meny'....
Very nice. But where resides this SP.Res?… Perhaps, it isn’t a file, rather a name, that the javascript code is encapsulated within. The javascript object is called SP.Res.
By the way, a nice usage of it is to define the current language:
var lang = SP.Res.lcid;
ScriptResx.ashx file is located in Layouts folder and contains only one line:
<%@ WebHandler Language="C#" Class="Microsoft.SharePoint.ApplicationPages.ScriptResxHandler,Microsoft.SharePoint.ApplicationPages,Version=14.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" %>
So the class is Microsoft.SharePoint.ApplicationPages.ScriptResxHandler. Google gives no results… The Microsoft.SharePoint.ApplicationPages.dll resides in C:\inetpub\wwwroot\wss\VirtualDirectories\80\_app_bin
This is what .NET Reflector reveals:
The file is loaded is actually 14/Resources/SP.Res.resx:
Wow, those who read all this, you’ll be awarded: You can actually load any localization files with ScriptResx.ashx (anything which can be found in 14/Resources/-folder, core, spscore and much more, or your own custom resx-files). Just add your script:
<script src="/_layouts/ScriptResx.ashx?culture=nb-no&name=Takana></script>
This will be loaded into “Res”.
One shortcoming is that multiple resx-files would override each other because every localization file loads properties into “Res” object (except SP.Res). Another shortcoming is that we can’t load culture-invariant localization files, because the filePath concatenation is much hard coded: It depends on a dot and culture-name:
ScriptResx.ashx depends on culture name. Sure we can put this directly in the script tag. But what if you can’t know the current language of the site? It is not so difficult actually, just get the current culture name in the asp.net markup:
<script type="text/javascript" src="/_layouts/ScriptResx.ashx?culture=<%= System.Globalization.CultureInfo.CurrentCulture.Name %>&name=Takana"> </script>
Update: An even better solution is to use L_Menu_LCID (found on Ruud Heemskerk’s Blog):
<script type="text/javascript" src="/_layouts/ScriptResx.ashx?culture=" + L_Menu_LCID + "&name=Takana"> </script>
If you load multiple localization files, all will use “Res” name for the localization object and override the latest localizations. To solve it we must catch the Res object and encapsulate it within another object which we have control over. Here we can use many techniques, among them ExecuteOrDelayUntilScriptLoaded (with RegisterSod and LoadSod) from SharePoint, we can use head.js to load and run a callback. But the simplest way is to use jQuery.getScript function:
jQuery.getScript("/_layouts/scriptresx.ashx?culture=nb-no&name=Takana")
.done(function() { Takana = {}; Takana.Res = Res; })
.fail(function() {console.log("error");});
I found a better way to resolve the name conflict for resx-files loaded with scriptresx.ashx. Just update the classFullName resheader in your resx file. Details in my new post:
 | Holger Küsgens on JSGrid Basics |
 | roshanjv on JSGrid Basics |
 | Filippo Bertuzzi on Export any web part from a Sha… |
| Filippo Bertuzzi on Export any web part from a Sha… |
 | Ben on Export any web part from a Sha… |
 | Fred on Export Any Web Part using a… |
| Fred on Export any web part from a Sha… |
 | Jasveer Singh on Publishing Visio diagrams as h… |
 | Syed Shoaib Adil on Make javascript code work with… |
 | Tess on PowerShell: Copy an entire doc… |
VulaCV - Чăвашла вулаттаракан сайт
And going crazy doing it
Office 365, SharePoint and Azure
and everything in between
It is a good place to share some SharePoint stories and development practices.
Nikander & Margriet on SharePoint
RealActivity is a specialized healthcare services and solution advisory firm.
Egyptian & Vodafoner - Senior SharePoint Consultant
Office 365, SharePoint, OnePlace Solutions & Life's Other Little Wonders
Me and My doings!
By Mohit Vashishtha
Erfarenheter, synpunkter och raljerande om Scrum från Jimmy Janlén
Toronto Blockchain Consulting and Smart Contract Development
SharePoint for everyone
Ryan Dennis is a SharePoint Solution Architect with a passion for SharePoint and PowerShell
The Vision for a Future of Clarity
Treacle tarts for great justice
JavaScript, Web Apps and SharePoint
Hello Anatoly,
We use this approach on our sharepoint pages which works fine in IE.
But recently we found out it does not work in Safari.
Do you have any idea how to fix this?
Kind regards,
Mario
Hi,Mario! It should work in Safari, as it is a standard ajax call. Unfortunately I do not have access to a Mac with a Safari. Perhaps it is some authentication issue in the ajax call. I’ll try to ask somebody who does have a Mac to try it out.
Hello Anatoly,
I tested with Safari on windows. You can try that yourself if you want. 😉
Kind regards,
Mario
Allright, I see. Then I can try it, too.
I have tested it in Safari on Windows (using the Firebug Lite for Safari). It works. Please pay attention to the namespace in the resx file that defines the name of the javascript variable which contains all the resource strings. Read more in my other blog post: JavaScript Localization in SharePoint.
Hello Anatoly,
Thanks.
It seems that my issue is that the script in Safari isn’t loaded yet before called.
And this issue is not there in IE.
So I tried window.load and document.ready but this is giving me a headache because one does not work in all browsers.
Do you have a suggestion how to use a script that fires after document or DOM has loaded completely?
Kind regards,
Mario
Hello Anatoly,
Just to be complete. I use the following code. Which runs fine in IE (all 3 alerts) But will only return the first 2 alerts in Safari:
window.onload=function(){
var thisUserID = $().SPServices.SPGetCurrentUser({
fieldName: “SipAddress”,
debug: false
});
alert(thisUserID);
// Get Current language information
function GetCurrentCulture(){
var lang = document.getElementsByTagName(‘html’)[0].getAttribute(‘lang’);
var strs = lang.split(‘-‘);
return strs[0].toString() + ‘-‘ + strs[1].toString().toUpperCase() ;
}
var currentCult = GetCurrentCulture();
alert(currentCult);
var search_query = “/_layouts/ScriptResx.ashx?culture=” + currentCult + “&name=InCompanyApps”;
s = document.createElement(‘script’);
s.src = search_query;
document.getElementsByTagName(‘head’)[0].appendChild(s);
// Get tag text according to current culture
var myRes = Res;
alert(“Localized Value is : ” + myRes[‘new_Item’]);
var myID = fd.getUrlParam(window.location.href, ‘ID’);
//alert(myID);
}
Maybe, Safari treats the script tag differently, Try setting async=false: s.async=”false”. You could also provide a new onload event for the new script element: s.onload = function() { alert(Res[‘new_Item’]);}; Another thing, you shouldn’t override window.onload, it may have dangerous consequences.
Hello Anatoly,
Now I have included your suggestions which works fine in Safari but not in IE:
var thisUserID = $().SPServices.SPGetCurrentUser({
fieldName: “SipAddress”,
debug: false
});
alert(thisUserID);
// Get Current language information
function GetCurrentCulture(){
var lang = document.getElementsByTagName(‘html’)[0].getAttribute(‘lang’);
var strs = lang.split(‘-‘);
return strs[0].toString() + ‘-‘ + strs[1].toString().toUpperCase() ;
}
var currentCult = GetCurrentCulture();
alert(currentCult);
var search_query = “/_layouts/ScriptResx.ashx?culture=” + currentCult + “&name=InCompanyApps”;
s = document.createElement(‘script’);
s.src = search_query;
s.async=”false”;
document.getElementsByTagName(‘head’)[0].appendChild(s);
s.onload = function() { alert(Res[‘new_Item’]);};
That’s strange. Perhaps the only thing to do is to keep the code that works in IE, and implement special code for Safari. In SharePoint javascript library, there is a variable called browseris. There you can check if it is Safari.
Pingback: Accédez à vos fichiers de ressources selon la langue courante avec SharePoint 2010 | The collaboration corner