Sharepoint 2010 and IE9 compatibility
I created a javascript file called entityeditor.ie9fix.js, added the javascript code that will follow, and saved it in /layouts/1033.
https://social.msdn.microsoft.com/Forums/en-US/90b3835c-6754-4bb6-9fd4-b74f16f236ff/sharepoint-2010-and-ie9-compatibility?forum=sharepointgeneralprevious
In my master page I added
<script type="text/javascript" src="/_layouts/1033/entityeditor.ie9fix.js"></script>
to the very BOTTOM of the master page, right before the following tags:
<input type="text" name="__spDummyText1" style="display:none;" size="1"/>
<input type="text" name="__spDummyText2" style="display:none;" size="1"/>
function ConvertEntityToSpan(ctx, entity)
{ULSGjk:;
if(matches[ctx]==null)
matches[ctx]=new Array();
var key=entity.getAttribute("Key");
var displayText=entity.getAttribute("DisplayText");
var isResolved=entity.getAttribute("IsResolved");
var description=entity.getAttribute("Description");
var style='ms-entity-unresolved';
if(isResolved=='True')
style='ms-entity-resolved';
var spandata="<span id='span"+STSHtmlEncode(key)+"' isContentType='true' tabindex='-1' class='"+style+"' ";
if (browseris.ie8standard)
spandata+="onmouseover='this.contentEditable=false;' onmouseout='this.contentEditable=true;' contentEditable='true' ";
else
spandata+="contentEditable='false' ";
spandata+="title='"+STSHtmlEncode(description)+"'>"
spandata+="<div style='display:none;' id='divEntityData' ";
spandata+="key='"+STSHtmlEncode(key)+"' displaytext='"+STSHtmlEncode(displayText)+"' isresolved='"+STSHtmlEncode(isResolved)+"' ";
spandata+="description='"+STSHtmlEncode(description)+"'>";
var multipleMatches=EntityEditor_SelectSingleNode(entity, "MultipleMatches");
matches[ctx][key]=multipleMatches;
var extraData=EntityEditor_SelectSingleNode(entity, "ExtraData");
if(extraData)
{
var data;
if(extraData.firstChild)
data=extraData.firstChild.xml;
if(!data) data=extraData.innerXml || extraData.innerHTML;
if(!data && document.implementation && document.implementation.createDocument)
{
var serializer=new XMLSerializer();
data=serializer.serializeToString(extraData.firstChild);
// **** CUSTOM FUNCTION ****
data = fixDataInIE9(data);
}
if(!data) data='';
spandata+="<div data='"+STSHtmlEncode(data)+"'></div>";
}
else
{
spandata+="<div data=''></div>";
}
spandata+="</div>";
if(PreferContentEditableDiv(ctx))
{
if(browseris.safari)
{
spandata+="<span id='content' tabindex='-1' contenteditable='false' onmousedown='onMouseDownRw(event);' onContextMenu='onContextMenuSpnRw(event,ctx);' >";
}
else
{
spandata+="<span id='content' tabindex='-1' contenteditable onmousedown='onMouseDownRw(event);' onContextMenu='onContextMenuSpnRw(event,ctx);' >";
}
}
else
{
spandata+="<span id='content' tabindex='-1' contenteditable onmousedown='onMouseDownRw(event);' onContextMenu='onContextMenuSpnRw(event,ctx);' >";
}
if (browseris.ie8standard)
spandata+="\r";
if(displayText !='')
spandata+=STSHtmlEncode(displayText);
else
spandata+=STSHtmlEncode(key);
if (browseris.ie8standard)
spandata+="\r</span></span>\r";
else
spandata+="</span></span>";
return spandata;
}
// **** CUSTOM FUNCTION ****
function fixDataInIE9(data)
{
if(data.indexOf('<ArrayOfDictionaryEntry>') >= 0)
{
data = data.replace('<ArrayOfDictionaryEntry>', '<ArrayOfDictionaryEntry xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema-instance\">');
}
return data;
}
After setting that up and publishing the master page I reloaded my site and had no problems saving people from the people picker. Heck of a lot easier than trying to get everyone to use firefox, or some kind of plugin.
PS: I marked my code with // ** CUSTOM FUNCTION **
/**** UPDATED 4/25/2012 ******/
Added reference to the exact location in which to place updated entityeditor.ie9fix.js script tag. Placing the script here will allow you to create new items and edit existing ones which contain a people picker control.