See the Github repository I created about it.

1. Install AutoControl: Keyboard shortcut, Mouse gesture
2. Install the native component as the extension asks for
3. Add a new action
4. The trigger is LEFT CTRL and TAB
5. The action is Switch to previous tab

It should now work to switch between tabs using LEFT CTRL + TAB.

The way I found to fix it is to go to the page chrome://flags/#use-google-local-ntp, then I disabled “Enable using the Google local NTP”

var day = "Thursday";
var intlDay = new Intl.DateTimeFormat('en-US', {weekday:"long"}).format(new Date(2019,1,7));
console.log(day === intlDay); // return FALSE with IE
intlDay = intlDay.replace(/\u200E/g, ''); // replace \u200E
console.log(day === intlDay); // return TRUE with IE

The trick is to replace \u200E in the returned string.

After searching a bit about it, I found a clue that helped me to find a good solution: on Firefox/Chrome when you click on an Excel file, you’ll now have a modal asking if you want to open it in edit or readonly mode!

To achieve this result you have to insert the below Javascript code somewhere into your masterpage:

/**
 * fix problem with Excel documents on Firefox/Chrome
 * @param  {HTMLElement} p the <A> element
 * @param  {HTMLEvent} a the click event
 * @param  {Boolean} h TRUE
 * @param  {Boolean} e FALSE
 * @param  {Boolean} g FALSE
 * @param  {Strin} k the ActiveX command (e.g. "SharePoint.OpenDocuments.3")
 * @param  {Number} c 0
 * @param  {String} o the activeX command, here we look at "SharePoint.OpenDocuments"
 * @param  {String} m
 * @param  {String} b the replacement URL to the xslviewer
 */
var bak_DispEx;
var modalOpenDocument; // it will be use with the modal
SP.SOD.executeOrDelayUntilEventNotified(function() {
  bak_DispEx = _DispEx;
  _DispEx=function(p, a, h, e, g, k, c, o, m, b, j, l, i, f, d) {
    // if o==="SharePoint.OpenDocuments" && !IsClientAppInstalled(o)
    // in that case we want to open ask the user if he/she wants to readonly or edit the file
    var fileURL = b.replace(/.*_layouts\/xlviewer\.aspx\?id=(.*)/, "$1");
    if (o === "SharePoint.OpenDocuments" && !IsClientAppInstalled(o) && /\.xlsx?$/.test(fileURL)) {
      // if the URL doesn't start with http
      if (!/^http/.test(fileURL)) {
        fileURL = window.location.protocol + "//" + window.location.host + fileURL;
      }
      var ohtml = document.createElement('div');
      ohtml.style.padding = "10px";
      ohtml.style.display = "inline-block";
      ohtml.style.width = "200px";
      ohtml.style.width = "200px";
      ohtml.innerHTML = '<style>'
                      + '.opendocument_button { background-color:#fdfdfd; border:1px solid #ababab; color:#444; display:inline-block; padding: 7px 10px; }'
                      + '.opendocument_button:hover { box-shadow: none }'
                      + '#opendocument_readonly,#opendocument_edit { float:none; font-size: 100%; line-height: 1.15; margin: 0; overflow: visible; box-sizing: border-box; padding: 0; height:auto }'
                      + '.opendocument_ul { list-style-type:none;margin-top:10px;margin-bottom:10px;padding-top:0;padding-bottom:0 }'
                      + '</style>'
                      + 'You are about to open:'
                      + '<ul class="opendocument_ul">'
                      + '  <li>Name: <b>'+fileURL.split("/").slice(-1)+'</b></li>'
                      + '  <li>From: <b>'+window.location.hostname+'</b></li>'
                      + '</ul>'
                      + 'How would like to open this file?'
                      + '<ul class="opendocument_ul">'
                      + '  <li><label><input type="radio" name="opendocument_choices" id="opendocument_readonly" checked> Read Only</label></li>'
                      + '  <li><label><input type="radio" name="opendocument_choices" id="opendocument_edit"> Edit</label></li>'
                      + '</ul>'
                      + '<div style="text-align: center;margin-top: 20px;"><button type="button" class="opendocument_button" style="background-color: #2d9f2d;color: #fff;" onclick="modalOpenDocument.close(document.getElementById(\'opendocument_edit\').checked)">Open</button> <button type="button" class="opendocument_button" style="margin-left:10px" onclick="modalOpenDocument.close(-1)">Cancel</button></div>';
      // show the modal
      modalOpenDocument=SP.UI.ModalDialog.showModalDialog({
        html:ohtml,
        dialogReturnValueCallback:function(ret) {
          if (ret!==-1) {
            if (ret === true) { // edit
              // reformat the fileURL
              var ext;
              if (/\.xlsx?$/.test(b)) ext = "ms-excel";
              if (/\.docx?$/.test(b)) ext = "ms-word"; // not currently supported
              fileURL = ext + ":ofe|u|" + fileURL;
            }
            window.location.href = fileURL; // open the file
          }
        }
      });
      a.preventDefault();
      a.stopImmediatePropagation()
      a.cancelBubble = true;
      a.returnValue = false;
      return false;
    }
    return bak_DispEx.apply(this, arguments);
  }
}, "sp.scriptloaded-core.js")

After looking for a solution, I found you can use the direct link http://www.iegallery.com/addonsie7/Detail?resourceId=13555 to be able to install Google on Internet Explorer.

Finally http://news.qooxdoo.org/mouse-capturing saved me with some code… but there was still a problem with IE8 due to the mouse that wasn’t losing capture. So after some research, I’ve been able to create a code that works for IE8 and modern browsers:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <!-- `top` and `left` must be defined into the `style` -->
    <div id="popup" style="background-color:green;position:absolute;top:0px;left:0px;width:250px;height:250px;z-index:9999;box-shadow: 6px 6px 5px #888888;border-radius:6px;border:1px solid #4f4f4f;">
      <div id="popup_bar" style="width:100%;background-color:#aaff66;position:relative;top:0;border-radius:6px 6px 0 0; text-align:center;height:24px;cursor:move">Title</div>
      <p>Content of the popup</p>
    </div>
  </body>
<script>/* see below for the javascript */</script>
</html>

!function() {
  function addListener(element, type, callback, capture) {
    if (element.addEventListener) {
      element.addEventListener(type, callback, capture);
    } else {
      element.attachEvent("on" + type, callback);
    }
  }
  
  function draggable(element) {
    var dragging = null;
  
    addListener(element, "mousedown", function(e) {
      var e = window.event || e;
      dragging = {
        mouseX: e.clientX,
        mouseY: e.clientY,
        startX: parseInt(element.style.left),
        startY: parseInt(element.style.top)
      };
      if (element.setCapture) element.setCapture();
    });
  
    addListener(element, "losecapture", function() {
      dragging = null;
    });
  
    addListener(document, "mouseup", function() {
      dragging = null;
      if (document.releaseCapture) document.releaseCapture();
    }, true);
  
    var dragTarget = element.setCapture ? element : document;
  
    addListener(dragTarget, "mousemove", function(e) {
      if (!dragging) return;
  
      var e = window.event || e;
      var top = dragging.startY + (e.clientY - dragging.mouseY);
      var left = dragging.startX + (e.clientX - dragging.mouseX);
  
      element.style.top = (Math.max(0, top)) + "px";
      element.style.left = (Math.max(0, left)) + "px";
    }, true);
  };    
  
  // here you must define the element to be draggable
  draggable(document.getElementById("popup"));
}();

You can test this code with the demo or see it on Gist.

His code is on github. I’ve the XPI compiled version on my blog (into a ZIP file) found from jo.se/f website.

You’ll need to add the addon bar (restored) in order to use ForceCORS.

Then you have to go to the about:config and search for forcecors.headers in order to set it up as you need. If it’s for an intranet with credentials required, then check my tip on github.

Make sure you have restarted Firefox and click on the cors that appears into the bottom addon bar of Firefox. It should switch to red. You can now do cross domain calls!

Sous Firefox on peut utiliser l’extension Redirector puis appliquer les règles suivantes :

• Example URL : https://www.bing.com/search?q=*&*
• Include Pattern : https://www.bing.com/search?q=*&*
• Redirect To : https://www.google.de/#safe=off&q=$1
• Pattern Type : Wildcard

Les recherches de Cortana se feront alors sous Google au lieu de Bing.

(via Reddit)

var IE8 = !!(document.all && document.querySelector && !document.addEventListener); // -> true/false
var IE9 = !!(document.all && document.addEventListener && !window.atob); // -> true/false
var IE10 = !!(document.all && window.atob); // -> true/false

On peut aussi utiliser les conditionals compilation:

var ieVersion = /*@cc_on (function() {switch(@_jscript_version) { case 5.8: return 8; case 9: return 9; case 10: return 10;}})() || @*/ 0; // -> 8, 9 ou 10

function getPageSize() {
  var vw = {width:0, height:0};
  var doc = {width:0, height:0};
  var w=window, d=document, dde=d.documentElement, db=d.getElementsByTagName('body')[0];
  
  // viewport size
  vw.width  = w.innerWidth||dde.clientWidth||db.clientWidth;
  vw.height = w.innerHeight||dde.clientHeight||db.clientHeight;

  // document size
  doc.width  = Math.max(db.scrollWidth, dde.scrollWidth, db.offsetWidth, dde.offsetWidth, db.clientWidth, dde.clientWidth);
  doc.height = Math.max(db.scrollHeight, dde.scrollHeight, db.offsetHeight, dde.offsetHeight, db.clientHeight, dde.clientHeight);
  
  // if IE8 there is a bug with 4px
  if (!!(document.all && document.querySelector && !document.addEventListener) && (vw.width+4 == doc.width) && (vw.height+4 == doc.height)) {
    vw.width=doc.width;
    vw.height=doc.height;
  }
  
   return {vw:vw, doc:doc};
}

getPageSize(); // -> {vw: { width:xxx, height:xxx }, doc: { width:xxx, height:xxx } }

It should work for IE8-IE10 and all modern browsers.

Pour empêcher ce comportement, il faut tester si on effectue un “scroll” en s’aidant de $(window).scrollTop():

var scrollPos=0;
$('#elem').on('mouseenter', function() {
  // affiche quelque chose quand la souris est sur la zone
  $(this).addClass('hover');
}).on('mouseleave', function() {
  // cache le contenu lorsque la souris n'est plus dans la zone
  $(this).removeClass('hover');
}).on('touchstart', function(event) {
  // lorsqu'on tape avec son doigt on doit récupérer la position dans la page
  scrollPos=$(window).scrollTop();
}).on('touchend', function(event) {
  event.preventDefault();
  // puis ici on vérifie que ce n'est pas un scroll
  if(Math.abs(scrollPos - $(window).scrollTop()) < 3){
    // si on entre là dedans c'est qu'on a bien effectué un simple "tap"
    var $this=$(this);
    if ($this.hasClass('hover')) {
      // effectue l'action de clic liée à ce bloc ... c'est donc le second "tap"
    } else {
      // effectue la même opération que lorsque la souris est dans la zone
      $this.addClass('hover');
    }
  }
});

Look at the project on http://aymkdn.github.com/FileToDataURI/, and thanks to Country/FileToDataURI.as for the inspiration

Après avoir fouillé la documentation PHP pour session_cache_limiter, j’ai découvert qu’il suffit d’ajouter session_cache_limiter('private_no_expire, must-revalidate'); au tout début du fichier, avant quoi que ce soit. Et maintenant le retour en arrière fonctionne !

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"/>

Pour l’activer il faut appuyer sur la touche F12, seulement, dans mon cas, même si elle apparaissait bien dans la liste des fenêtres ouvertes, quand je cliquais dessus rien ne se passait : elle ne s’ouvrait pas ! La solution consiste à faire un SHIFT + Clic Droit sur la fenêtre puis choisir “Maximize” (ou “Agrandir” en français), et là votre Developer Toolbar va s’ouvrir en grand. Les pré-réglages étant mauvais, la fenêtre s’ouvre dans un étrange mode.

Simple, mais il fallait y penser…

Pour la faire réapparaître, c’est tout simple : il suffit de créer un nouveau groupe d’onglets !

Si vous utilisez la commande mailto dans un lien avec le paramètre body, alors sachez que vous pouvez remplacer les caractères spéciaux par leur équivalent en codage d’URL. Par exemple l’espace ” ” pourra se faire avec %20.
En suivant ce principe, le retour à la ligne se fera avec %0D%0A

Je me suis retrouvé dans la situation où dans un mailto je devais inscrire plusieurs informations (subject, cc, body) afin de créer une sorte de template qui s’ouvrirait avec Outlook. Je l’avais incorporé dans un href d’un lien classique. Si le lien fonctionnait parfaitement sous Firefox, il apparait que sous Internet Explorer j’avais droit à une page blanche (about:blank)… Après quelques recherches, j’ai découvert qu’IE en “Protected Mode: Off” se limite à 508 caractères pour le mailto…. allez savoir d’où vient cette limite ?!

Pour outrepasser ce problème, vous avez deux solutions :
1) Demander à vos utilisateurs de passer en “Protected Mode: On” (non envisageable)
2) Utiliser Javascript en associant un window.location.href à votre ligne mailto:email?subject=xxx&cc=xxx&body=xxxx, qui fonctionnera pour tout le monde !

J’ai remarqué la chose suivante : j’utilise jQuery pour ajouter/supprimer des éléments dans une liste déroulante SELECT, cependant sous IE6 le rendu de la liste n’est pas mis à jour, et de fait les modifications apparaissent de façon partielle. Pour résoudre ce problème j’ai découvert qu’il faut ajouter un élément FRAME sur la page pour que le rendu soit mis à jour ! Si on utilise jQuery, cela ne fonctionne pas, il faut donc utiliser la bonne vieille méthode :

if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) == 6) {
      var f=document.createElement('frame');
      f.display="none";
      document.body.appendChild(f);
 }

Ainsi après ma modification, j’ajoute une FRAME invisible qui va forcer IE6 à rafraîchir le rendu de la page et ainsi à mettre à jour la dropdown box.

Pour ma société je dois travailler sur IE7. Il se trouve que j’utilise jQuery (1.4.4) avec Microsoft Sharepoint pour customizer certaines pages. J’ai remarqué que sous mon IE7 la fonction jQuery(document).ready() n’était appelée que lorsque les images étaient complètement chargées; cependant ce comportement ralentissait grandement les modifications que je cherchais à faire.

Après quelques recherches j’ai découvert une solution qui fonctionne pour moi sur le blog de Nexxar : il suffit d’ajouter try { jQuery.ready(); } catch {} à la fin de la page HTML pour que notre fonction ready soit activée avant que toutes les images ne soient pleinement téléchargées !

Pour tester la version mobile d’Internet Explorer il vous faut installer tout un attirail :
– Virtual PC 2007;
– Gestionnaire pour appareils Windows Mobile 6.1;
– 040C/Windows Mobile 6 Professional Images (FRA).msi (attention de bien prendre la version PROFESSIONAL).

Une fois tout cela installé, il faut procéder à plusieurs étapes :

1. Dans le menu Démarrer, choisissez Windows Mobile 6 SDK, puis Standalone Emulator Images, French et Professional; une fois lancé, cliquez sur File, Configure… puis Network et cochez la case “Enable NE2000 PCMCIA” et prenez votre connexion dans la liste déroulante.
2. Lancez maintenant Device Emulator Manager depuis le menu Démarrer de Windows; une fois lancé, dans l’arborescence, cliquez droit sur ce qui correspond à l’émulateur et prenez l’option “Cradle”.
3. Maintenant lancez le Gestionnaire pour appareil Windows Mobile depuis le menu Démarrer
4. Le gestionnaire devrait détecter votre émulateur et l’ajouter; de là vous pourrez configurer la connexion réseau en suivant cette image :
   
5. Maintenant vous devriez pouvoir lancer Internet Explorer sur votre émulateur et vous devriez avoir accès à Internet !

Supposons que vous ayez cinq images de 3Mo chacune à envoyer par email à un ami. Vous utilisez GMail, Yahoo, Hotmail ou autre. Vous allez devoir redimensionner manuellement chacune de ces photos pour les envoyer afin ne pas surcharger la boite de votre ami et de ne pas mettre 1h à les envoyer. Le redimensionnement est un travail qui devient vite laborieux et pas si évident si vous êtes un néophyte.

Pour vous faciliter la vie il existe le logiciel Shrink Pic qui va travailler en arrière plan sur votre ordinateur et va automatiquement réduire les images que vous tentez de joindre à un email ou que vous souhaitez envoyer via MSN par exemple. Ainsi plus besoin de vous creuser la tête, vous sélectionnez votre photo à joindre dans votre email et le logiciel Shrink s’occupe de la réduire automatiquement.

Il est possible de connaître la version d’Internet Explorer en Javascript en utilisant le User Agent. Cependant, IE8, lorsqu’il est en mode compatibilité, va retourner IE7 quand on l’interroge. Cela peut poser problème. Il existe une solution qui permet de détecter IE8 même dans ce mode spécial, et sans utiliser les commentaires conditionnels :

// retourne un entier (5, 6, 7 ou 8), ou false si ce n'est pas IE
function getIEVersion() {
  if (!!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1)) {
    var ver = navigator.userAgent.match(/MSIE ([0-9.]+);/);
    if (ver != null && ver[1] != undefined) {
      ver = parseInt(ver[1]);
      if (ver == 7) {
        if (typeof (window.external.AddToFavoritesBar) != "undefined" || 
            typeof (window.external.AddService) != "undefined" ||
            typeof (window.external.AddService) != "undefined") return 8;
      }
      return ver;
    }
  }
  return false;
}

L’extension Grasemonkey pour Firefox vous permet de personnaliser des sites web que vous avez l’habitude de fréquenter grâce à des scripts en Javascript faits par d’autres ou par vous-même.

Le site http://userscripts.org/ regroupe tous les scripts que les utilisateurs ont créé. Vous pouvez, par exemple, installer YouTube Auto Buffer & Auto HD & Remove Ads qui empêche les vidéos Youtube de démarrer automatiquement, enlève la pub et met la vidéo en HD, ou le script GMail Without Ads! qui va supprimer les publicités de GMail, etc.

Je vous propose également ma page de scripts qui est disponible à cette adresse : http://userscripts.org/users/25373/scripts

(Pour rappel, il est possible d’être notifié des nouveaux emails de GMail sur le bureau directement grâce à GNotifier ou Gtalk par exemple — ici je traite la façon de voir les nouveaux messages dans Firefox directement)

Grâce à des extensions pour Firefox comme FaviconizeTab, il est possible de réduire une fenêtre à la taille de l’icône du site web, mais du coup on ne voit plus le titre de la fenêtre, celui-là même qui indique qu’on a reçu des nouveaux messages. Par exemple Yahoo Mail affiche comme titre "(Non lus : 3)" ou encore GMail marque "Boîte de Réception (3)".

Pour GMail il existe déjà l’extension Better GMail 2 qui, en plus d’options bien sympathiques, va modifier l’icône de GMail pour indiquer par un chiffre le nombre de messages non lus. Alors, FaviconizeTab + Better GMail 2 donne cela :

Comme vous le voyez, un petit 1 est apparu à côté de l’icône GMail, ainsi je sais immédiatement que j’ai de nouveaux messages.

Pour Yahoo! Mail j’ai cherché sur divers sites, comme sur le site userscripts.org (dédié aux scripts pour l’extension Greasemonkey) mais sans résultat.
J’ai donc décidé de faire moi-même en deux lignes de code un script Greasemonkey qui permet de modifier l’icône de Yahoo Mail afin de me notifier l’arrivée de nouveaux messages dans ma boite de réception. Ainsi l’icône rouge passe au bleu :
(pas de nouveaux messages)
(de nouveaux messages)

Le script est disponible sur userscripts.org : FavIcon Yahoo! Mail.

A noter que ce script est inspiré de GMail Favicon Alerts 3.

EDIT: Yahoo! Mail vient tout juste de modifier son icône par défaut… J’ai décidé de conserver l’ancienne dans mon script puisque je la trouve plus jolie et visuelle. Mais il est possible d’utiliser la nouvelle icône en décommentant les bonnes lignes dans mon script Greasemonkey.