A noter cependant que je rencontre un problème : lorsque j’applique le fichier htc avec behavior alors j’ai ma couleur de fond (background-color) qui devient invisible / disparait. Ce problème peut-être résolu en appliquant la règle CSS suivante (solution trouvée sur leur forum):

* { position:relative }

Grâce à ça tout fonctionne sous IE

Si vous passez IE9 en mode standard avec Sharepoint vous risquez d’avoir le bouton OK des formulaires qui ne fonctionne plus… Après avoir debuggué le bazar j’ai découvert qu’un des fichiers (“/_layouts/1033/form.js”) Javascript utilise document.frames() au lieu de document.frames[]. Si cela fonctionne sur les anciens navigateurs, ce n’est plus le cas pour IE9 en mode standard, du coup il retourne un “Function expected”.

Il y a deux fonctions incriminées RTE_GetEditorIFrame() et RTE_DD_GetMenuFrame(). Il suffit d’utiliser les commentaires conditionnels pour indiquer que lorsqu’on utilise IE9 alors on remplace ces deux fonctions par :

function RTE_GetEditorIFrame(strBaseElementID)
{
	var ifmEditor=null;
	var doc=document;
	if ((null !=doc.frames) && (doc.frames.length==0) && (doc.parentWindow.parent !=null))
	{
		doc=doc.parentWindow.parent.document;
	}
	if ((null !=doc.frames) && (doc.frames.length > 0))
	{
		var ifmContainer=doc.getElementById(RTE_GetEditorIFrameID(strBaseElementID));
		if (ifmContainer !=null)
		{
			ifmEditor=doc.frames[RTE_GetEditorIFrameID(strBaseElementID)];
		}
	}
	return ifmEditor;
}
function RTE_DD_GetMenuFrame()
{
	var ifmMenu=null;
	var elemMenu=RTE_DD_GetMenuElement();
	if (null !=elemMenu)
	{
		if (document.frames.length > 0)
		{
			ifmMenu=document.frames[g_strRTETextEditorPullDownMenuID];
		}
		else
		{
			if ((document.parentWindow !=null) && (document.parentWindow.frames !=null))
			{
				ifmMenu=document.parentWindow.parent.document.frames[g_strRTETextEditorPullDownMenuID];
			}
		}
	}
	if (null==ifmMenu)
	{
		if (g_fRTEFirstCallToGetMenu)
		{
			g_fRTEFirstCallToGetMenu=false;
			return null;
		}
	}
	return ifmMenu;
}

Ainsi document.frames est bien appelé comme un objet et non comme une fonction !

A noter cependant qu’il existe des tonnes de bugs avec IE9 et Sharepoint 2003/2007. Il est donc conseillé d’utiliser le mode de compatibilité en IE8 si vous ne voulez pas passer des heures à trouver l’origine des problèmes et à les corriger :

<meta http-equiv="X-UA-Compatible" content="IE=8"/>

Quand on crée un site Internet, il faut toujours s’assurer que le rendu est correct. L’exercice devient complexe lorsque l’on souhaite que tout fonctionne pour les différentes versions d’Internet Explorer. Vous n’êtes pas sans censés savoir que, en particulier IE6, les Internet Explorer sont une catastrophe et qu’il faut utiliser des astuces pour rendre ses sites web d’aussi bonne facture sur les autres navigateurs que sur les IE!

Comme il n’est pas possible d’installer plusieurs IE sur une même machine (ou alors en faisant preuves d’astuces plus ou moins réussies), il existe une solution beaucoup plus simple : installer des machines virtuelles faites exprès par Microsoft et qui embarquent différentes versions d’IE !

Pour cela, il suffit d’installer Virtual PC (gratuit). Ensuite, il faut se rendre sur cette page dédiée où on vous propose :
– Windows XP SP3 avec IE6
– Windows XP SP3 avec IE7
– Windows XP SP3 avec IE8
– Windows Vista avec IE7

Vous remarquez que ces images de Windows ont une durée de vie. Une fois la date expirée, vous devrez retourner sur le site pour télécharger une nouvelle image.

Pour installer une machine virtuelle, c’est rapide et simple. Lancez le .exe de l’image Windows téléchargée, et choisissez où vous désirez extraire votre disque dur virtuel. Puis lancez Virtual PC. Une console apparait alors dans laquelle vous cliquez sur “Nouveau”.
Un assistant s’ouvre. Sélectionnez la première option (“Créer un ordinateur virtuel”). Donnez un nom à l’ordinateur (par exemple “IE6 XPSP3”). Ensuite choisissez une configuration par défaut (ici “Windows XP”). A l’étape suivante vous pouvez modifier la quantité de mémoire (pour XP je mets 256Mo au lieu des 128Mo proposés).
Enfin, à l’étape suivante, utilisez un disque existant, et en l’occurrence celui que vous avez extrait du fichier téléchargé précédemment (dans mon exemple “XP SP3 with IE6 2008-Dec.vhd”).
Et voilà !

La console de Virtual PC vous offre alors Windows XP avec IE6. Cliquez sur Démarrer, et Windows va se lancer dans une nouvelle fenêtre. Vous n’aurez plus qu’à ouvrir IE6 et à vous balader sur votre site web pour considérer votre rendu.

J’ai eu l’occasion ce week-end de réinstaller Firefox chez un ami. J’en ai profité pour lui apprendre quelques raccourcis claviers/souris qui peuvent faire gagner du temps. J’ai souvent remarqué que les gens ne les connaissent pas. Voici de quoi vous rattraper:

– CTRL + T : ouvre un nouvel onglet
– CTRL + L : donne le focus à la zone d’adresse (là où vous entrez l’adresse du site)
– CTRL + E : donne le focus à la zone de recherche (les navigateurs sont maintenant dotés d’une boite de recherche qui évite d’aller sur le site de Google/Yahoo/Autre et donc fait gagner du temps)
– CTRL + SHIFT + T : réouvre le dernier onglet fermé
– CTRL + clic souris sur un lien : ouvre le lien dans un nouvel onglet

Vous avez une souris avec une molette ? Alors saviez-vous qu’en cliquant sur la molette lorsque sur vous êtes sur un onglet, cela provoque sa fermeture ? Et que si vous cliquez sur la molette lorsque vous êtes sur un lien, cela ouvre le lien dans un nouvel onglet ?

A noter que cela marche sous Internet Explorer (au moins à partir de la version 7) et sous Firefox, et certainement sur les autres navigateurs modernes.