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

Voici une fonction courte pour récupérer l’ensemble des paramètres passés dans l’URL :

function getUrlVars(a,b,c,d){b=[];if(a=location.search.split('#')[0].match(/\?(.*)(#.*)?/)){d=a[1].split('&');for(i=d.length;i--;){c=d[i].split('=');b[i]=c[0];b[c[0]]=c[1]}}return b}

var params=getUrlVars();
// si on a http://blog.kodono.info/?foo=bar&gniii=ok#something alors :
params[0]; // -> 'foo'
params[1]; // -> 'gniii'
params["foo"]; // -> 'bar'
params["gniii"]; // -> 'ok'

J’ai découvert qu’il était très simple d’enlever des bouts du cadrage d’un film grâce à AviDemux !

Il vous suffit d’ouvrir votre film avec AviDemux puis dans la colonne de gauche choisissez un format vidéo de sortie. On prendra par exemple xvid et ensuite cliquez sur « Filtres » :

Parmi les filtres disponibles double cliquez sur « Crop ». A partir de là vous pouvez définir la marge gauche, droite, haute et basse que vous voulez rogner :

Une fois terminé, cliquez sur « Fermer », puis dans la fenêtre principale du logiciel, dans la colonne de gauche, sélectionner le format audio voulu (par exemple mp3), et ainsi que le format de sortie (avi).
Si jamais, au moment où vous cliquez sur « Fermer » vous obtenez le message « Width is not a multiple of 8 » :

Pour régler ce problème il faut revenir à votre filtre « Crop ». Vous devez regarder la largeur de la vidéo que vous allez produire :

Dans cet exemple on a 478, or ce n’est pas un multiple de 8 (car 478/8=59.75). Il suffit donc de modifier légèrement la bordure droite ou gauche afin d’obtenir une taille multiple de huit. Si j’ai 480 alors ça sera bon (480/8=60).

Il ne vous reste plus qu’à enregistrer votre film et le tour est joué.

Array.prototype.unique=[].unique||function(){var o={},i,l=this.length,r=[];for(i=0;i<l;i++)o[this[i]]=this[i];for(i in o)r.push(o[i]);return r}

// exemple
var tab=[1, 5, 2, 4, 1, 5, 4, 1, 5, 6, 8 ];
tab.unique(); // [1, 5, 2, 4, 6, 8]

Je force le mode standard d’IE dans mon Sharepoint, et j’ai remarqué que les fonctions ProcessImn() et IMNRC() (l’une appelant l’autre) causaient un plantage d’IE avec un CPU qui montait en charge, et cela pour les pages qui contiennent un grand nombre de personnes et donc de bulles de présence (typiquement une liste AllItems avec des colonnes qui montrent cette information).
J’ai donc décidé de créer une alternative à l’affichage de la présence dans Sharepoint en utilisant mes propres fonctions.

Le résultat est le suivant :

/* on commence par supprimer les deux fonctions qui posent problèmes */
function IMNRC() {}
function ProcessImn() {}
var nameCtrl; // on s'assure de définir nameCtrl
var presence={}; // on crée un objet presence qui va nous servir à mettre en cache l'état de chaque individu
// Cette fonction fait apparaitre un menu/popup avec les informations de présence de l'utilisateur
function showIMMenu() {
  var el=window.event.srcElement;
  var pos=el.getBoundingClientRect();
  // on place le menu en question à la position pos.left et pos.top
  nameCtrl.ShowOOUI(el.getAttribute("sip"), 0, pos.left, pos.top);
}

// Cette fonction va cacher le menu
function hideIMMenu() { nameCtrl.HideOOUI() }

// Cette fonction va permettre de modifier la bulle avec celle qui correspond à l'état de présence de l'utilisateur
function ChangeIMPresence(sip, state, imgID) {
  if (presence[imgID] == state) return;
  presence[imgID]=state;
  var imgIM=document.getElementsByName(imgID);
  for (var i=0; i<imgIM.length; i++) {
    var alt="",src="imnhdr.gif"; // default image (grey)
    switch(state) {
      case 0: alt="Online"; src="imnon.png"; break;
      case 1: alt="Offline"; src="imnoff.png"; break;
      case 2: alt="Away"; src="imnaway.png"; break;
      case 4: alt="Be Right Back"; src="imnaway.png"; break;
      case 3: alt="Busy"; src="imnbusy.png"; break;
      case 5: alt="On the Phone"; src="imnbusy.png"; break;
      case 6: alt="Out to Lunch"; src="imnaway.png"; break;
      default: alt="Unknown"; src="imnhdr.gif";
    }
    imgIM[i].src="http://your_sharepoint/_layouts/images/"+src;
    imgIM[i].alt=alt;
  }
}

// Maintenant on initialise l'objet ActiveX
function initIMPresence() {
  if (typeof ActiveXObject == "function") { // seulement pour IE
    if (typeof nameCtrl=="undefined") nameCtrl=new ActiveXObject('Name.NameCtrl.1');
    var imgIM=document.getElementsByName("imnmark"); // toutes les bulles de présence ont le nom "imnmark"
    for (var i=0; i<imgIM.length; i++) {
      var sip=imgIM[i].getAttribute("sip"); // l'attribut "sip" retourne l'information que l'on souhaite
      if (sip!=null) {
        sip=sip.slice(4);
        var state=nameCtrl.GetStatus(sip, "imnmark_"+sip); // retourne la présence basée sur le SIP (adresse email)
        nameCtrl.OnStatusChange=ChangeIMPresence;
        imgIM[i].src="http://your_sharepoint/_layouts/images/imnhdr.gif";
        imgIM[i].alt="Unknown";
        imgIM[i].name+="_"+sip;
        imgIM[i].onclick=showIMMenu;
        imgIM[i].onmouseover=showIMMenu; // quand on passe la souris au-dessus d'une bulle on verra le menu
        imgIM[i].onmouseout=hideIMMenu;
      }
    }
  }
}

// et on lance tout ça !
initIMPresence();

En ajoutant ce bout de code à ma masterpage j’ai pu conserver les bulles de présence tout en évitant un plantage d’IE

Pour résumer la fonction à utiliser est :

function bindReady(handler){
  var called = false
  function ready() {
    if (called) return
    called = true
    handler()
  }
  if ( document.addEventListener ) { // native event
    document.addEventListener( "DOMContentLoaded", ready, false )
  } else if ( document.attachEvent ) {  // IE
    try { var isFrame = window.frameElement != null } catch(e) {}

    // IE, the document is not inside a frame
    if ( document.documentElement.doScroll && !isFrame ) {
      function tryScroll(){
        if (called) return
        try {
          document.documentElement.doScroll("left")
          ready()
        } catch(e) {
          setTimeout(tryScroll, 10)
        }
      }
      tryScroll()
    }

    // IE, the document is inside a frame
    document.attachEvent("onreadystatechange", function(){
      if ( document.readyState === "complete" ) {
        ready()
      }
    })
  }

  // Old browsers
  if (window.addEventListener)
    window.addEventListener('load', ready, false)
  else if (window.attachEvent)
    window.attachEvent('onload', ready)
  else {
    var fn = window.onload // very old browser, copy old onload
    window.onload = function() { // replace by new onload and call the old one
      fn && fn()
      ready()
    }
  }
}

A partir de là vous pouvez appeler votre fonction avec :

bindReady(function() {
  /* quelque chose qui doit se lancer après le chargement du DOM */
});

Dans le cas où vous voudriez appeler plusieurs fonctions, alors vous pouvez simplement faire quelque chose comme :

var fonctionsACharger=[];
bindReady(function() {
  for (var i=0; i<functionsACharger.length;i++) functionsACharger[i]();
});

/* on ajoute les fonctions à charger dans notre tableau */
fonctionsACharger.push(function() {
  /* première chose à faire */
});
fonctionsACharger.push(function() {
  alert("Toutes les fonctions sont maintenant chargées !");
});

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

<script type="text/javascript" src='<asp:Literal runat="server" Text="<% $SPUrl:~Site/customized.js %>"></asp:Literal>'>

C’est donc <asp:Literal runat="server" Text="<% $SPUrl:~Site/customized.js %>"></asp:Literal> qui fait tout le boulot. Et bien sûr vous pouvez utiliser asp:Literal pour d’autres appels de fichiers !

For your information, the image should 216px × 160px

Après avoir essayé un tas de logiciels différents, je viens enfin de découvrir celui qui fonctionne et qui est simple : AviDemux

Pour se faire, ouvrez simplement votre fichier mkv dans AviDemux. Vous aurez certainement un message qui indique « H.264 détecté : Si le fichier utilise des images-B comme référence, cela peut conduire à un plantage ou à des saccades. Avidemux peut utiliser un autre mode qui est plus stable mais vous perdrez la précision de l’image. Voulez-vous utiliser ce mode ? » :

Je réponds « Non » sans voir aucun soucis par la suite.
Maintenant il va sûrement vous demander de reconstruire l’index : acceptez.

Ensuite, dans la colonne de gauche, pour vidéo choisissez le format souhaité (ici on prendra Xvid), puis pour l’audio l’encodage voulu (ici on prendra MP3) :

Il faut alors cliquer sur « Filtres » dans la section audio pour choisir le mixer « Stéréo » :

Sans ça vous aurez l’erreur « Codec Error : The number of channels is greater than what the selected audio codec can do. Either change codec or use the mixer filter to have less channels. » :

Et il ne vous reste plus qu’à faire « Fichier -> Enregistrer une vidéo » et le tour est joué !

Il existe un moyen de compresser encore plus les photos JPG (et PNG, et GIF) grâce à une technique avancée de compression. Il va d’abord falloir installer quelques programmes, après quoi vous verrez que c’est extrêmement simple et utile au quotidien !

Pour faire cela nous allons utiliser le logiciel IrfanView (cliquez sur « Download » dans la colonne de gauche puis sur le bouton « Download Now – Get it from CNET Download.com! »).
Une fois téléchargé vous pouvez lancer l’installation : vous pouvez laisser les options par défaut, attention cependant parce qu’Irfan View va vous proposer d’installer la toolbar de Google, et je vous déconseille de le faire :

Maintenant il va s’agir d’ajouter le plugin RIOT (RIOT signifie Radical Image Optimization Tool). Pour cela télécharger l’ensemble des plugins disponibles sur cette page : http://www.irfanview.com/plugins.htm (cliquez sur « Brothersoft.com – download IrfanView plugins » puis sur le bouton « Download now »).

Une fois le fichier téléchargé, double cliquez dessus pour lancer l’installation.

Il apparait qu’IrfanView ne fournit pas la dernière version du plugin RIOT, on va donc devoir la télécharger via http://download.criosweb.ro/download.php?sid=R-dll&type=installer (attention de bien cliquer sur le bouton gris qui est tout en haut et qui se nomme « Download RIOT DLL version ») :

Cela a pour effet de télécharger un fichier .zip : faites un clic droit sur ce fichier nouvellement téléchargé puis choisissez « Extraire ici », ou « Extraire tout », ou « Dézipper ici » (cela peut varier selon la configuration de votre ordinateur).
Une fois décompressé, vous allez trouver un fichier qui se nomme « Riot-plugin.exe ». Double cliquez dessus. Durant l’installation il devrait vous proposer d’installer le plugin pour IrfanView :

Il va vous demander si vous souhaitez installer « DriveScanner 2011 »; choisissez Ne pas installer DriveScanner 2011

C’est bon ! Toute l’installation est effectuée, on peut passer à la suite…

Il va falloir ouvrir IrfanView qui se trouve dans votre menu Démarrer :

Deux possibilités….

1. Si vous souhaitez modifier un ensemble de photos d’un coup

Ouvrez une image au hasard (ça n’a pas d’importance ici) dans IrfanView, puis faites File > Save for web... (plugin). Si vous avez une alerte avec le message suivant, alors cliquez sur « No » :

Cliquez sur « Batch » dans la barre :

Répondez « Yes » au message d’alerte qui apparait et dit « To use the Batch Optimizer I need to unload the current image. Proceed ? ».
Cliquez sur le bouton « Add images » puis sélectionnez toutes les photos dont vous voulez réduire la taille.
Ensuite choisissez où les photos compressés seront enregistrées en cliquant en bas à droite sur le bouton avec trois petits points :

Vous pouvez éventuellement cliquer sur le bouton « Settings » et cocher les cases qui vous intéressent (dans mon cas, toutes !)
Il ne reste plus qu’à cliquer sur « Start » et la magie opère…

Les nouvelles photos auront une taille entre 30% et 90% plus petite que les photos d’origine, sans perdre en qualité et en résolution

2. Si vous souhaitez modifier une seule image

Ouvrez l’image que vous souhaitez optimiser dans IrfanView. Puis faites File > Save for web... (plugin). Si vous avez une alerte qui dit « This file contains a high resolution image. RIOT can handle such images, but processing can be quite slow in this situation. Do you want to resize it first ? (recommanded) The original image won't be modified », alors cliquez sur « No ».

Vous verrez ensuite un comparatif de votre image, avec en haut à droite la taille de la version optimisée : assurez vous que vous avez toujours un chiffre inférieur à la version d’origine !
Selon le format de votre image (JPEG, GIF, PNG), vous avez plusieurs options en bas de la fenêtre.
Prenons l’exemple d’une image PNG : pour la couleur je choisis « Optimal 256 colors », puis dans « External optimizer » je choisis « OptiPNG o3 » (et je clique sur le check vert pour que OptiPNG soit utilisé), et enfin je coche « Best compression ».

(cliquez sur l’image ci-dessus pour l’agrandir)

Jouez sur les options pour faire varier la taille.

Il ne reste plus qu’à sauver votre travail, et voilà !

Vous trouverez toutes les informations nécessaires sur cette page : http://www.debian.org/releases/stable/i386/release-notes/ch-upgrading.fr.html. Je vous conseille de suivre chaque étape très attentivement.

Attention car chez OVH on peut se retrouver avec une modification, que j’explique un peu plus bas, à faire dans /etc/init.d/fixudev sur les headers manquants (détails sur les headers des fichiers de init.d)…. vous devrez aussi vérifier les autres scripts que vous avez pu mettre vous-même dans /etc/init.d pour vous assurer qu’ils possèdent tous un en-tête sinon vous aurez un message d’erreur durant la mise à jour.

Voici un bref résumé des étapes à suivre (tout ce qui commence par # est une commande à taper) :

# apt-get update && apt-get upgrade
' une fois que votre système est à jour, vérifier que vous avez bien la dernière version du noyau mise à disposition par OVH
' pour cela visitez http://guide.ovh.com/KernelInstall qui explique ce qu'il faut faire (deux fichiers à télécharger puis un update-grub et un reboot!)
' je vous conseille les versions avec grsec pour plus de sécurité (elles sont notées "-grs-")
' si vous n'êtes pas sûr du noyau que vous avez actuellement, vous pouvez le savoir en tapant:
# uname -a
' maintenant il va falloir faire une sauvegarde de votre machine, et en particulier :
' le répertoire /etc/
' le répertoire /home/
' le répertoire qui contient vos sites web
' vos bases SQL
' ensuite, comme indiqué dans le tutoriel, vous devez sauvegarder certains éléments qui pourraient nous servir en cas de problème :
# mkdir svg_special; cp -R /var/lib/dpkg svg_special/; cp /var/lib/apt/extended_states svg_special/; dpkg --get-selections "*" > svg_special/dpkg_get_selection
' avant de continuer, il va falloir bidouiller le fichier /etc/init.d/fixudev puisqu'il n'est pas conforme et va vous créer une erreur dans la suite
' voici par quoi vous devez le remplacer :

#! /bin/sh
### BEGIN INIT INFO
# Provides:          fixudev
# Required-Start:
# Required-Stop:
# Default-Start:     S
# Default-Stop:
# Short-Description: remove fixed relation between MAC address and name of network device (00:15:f2:90:3e:a0 -> eth0)
# Description:       remove fixed relation between MAC address and name of network device (00:15:f2:90:3e:a0 -> eth0)
### END INIT INFO

case "$1" in
  start)
    # example:
    # # PCI device 0x1106:0x3065 (via-rhine)
    # SUBSYSTEM=="net", DRIVERS=="?*", ATTRS{address}=="00:15:f2:90:3e:a0", NAME="eth0"

    for interface in `ifconfig -a | grep -e "^eth"|cut -d' ' -f1`; do
            MAC=`ifconfig $interface | grep -e "^$interface"|cut -d' ' -f11 | sed s/\:/\\\\\\\\:/g`
    # removes actual mac
    #       for file in `grep -i "$MAC" /etc/udev/rules.d/*|sort|uniq|cut -d':' -f1`; do
    #               perl -ni -e "print unless /$MAC/" ${file} && \
    #                       echo "removed HW address ${MAC} from ${file} (${interface})"
    #       done

    # removes *ANY* mac
            for file in `grep -re "^SUBSYSTEM==\"net\".*NAME=\"${interface}\"$" /etc/udev/|sort|uniq|cut -d':' -f1`; do
                    sed -i -e "/^SUBSYSTEM==\"net\".*NAME=\"${interface}\"$/d" ${file} && \
                            echo "removed HW address from ${file} (${interface})"
            done
    done
    ;;
  stop)
    ;;

  status)
    echo "Nothing here";
    ;;

  restart|reload)
    $0 start
    ;;
  *)
    echo "Usage: fixudev start"
    exit 1
esac
exit 1

' maintenant il est conseillé d'utiliser screen pour pouvoir se reconnecter (avec screen -r) à en cas de déconnexion
# screen
' il existe un bug avec splashy c'est pourquoi il est dit de le purger
# apt-get purge splashy
' si la commande ci-dessous ne retourne rien, alors c'est bon, mais dans tous les cas consultez http://www.debian.org/releases/stable/i386/release-notes/ch-upgrading.fr.html#package-status
# dpkg --audit
' maintenant il faut remplacer tous les "lenny" de /etc/apt/sources.list par des "squeeze"
' voici ce que ça donne chez moi :
' deb http://ftp.fr.debian.org/debian squeeze main non-free
' deb ftp://mir1.ovh.net/debian/ squeeze main contrib non-free
' deb-src ftp://mir1.ovh.net/debian/ squeeze main contrib non-free
' deb http://security.debian.org/ squeeze/updates main contrib non-free
' deb-src http://security.debian.org/ squeeze/updates main contrib non-free

' il est recommandé d'utiliser script qui permettra de sauvegarder ce qu'on va faire maintenant (qui pourra être utile en cas de problème)
# script -t 2>/root/upgrade-squeeze1.time -a /root/upgrade-squeeze1.script
' on commence par mettre à jour les listes des paquets
# apt-get update
' on va vérifier qu'on a la place suffisante (un message explicite apparait sinon)
# apt-get -o APT::Get::Trivial-Only=true dist-upgrade
' on va maintenant d'abord faire une mise à jour minimale
# apt-get upgrade
' là il va vous questionner... en général choisissez l'option par défaut si vous ne savez pas quoi répondre
' à noter qu'un nouveau php.ini va être créer, et il est conseillé d'y jeter un oeil pour voir les nouvelles options

' une fois cette étape un peu longue terminée, il faut installer udev :
# apt-get install udev
' maintenant on teste pour voir si tout s'est bien passé
# reboot

' [...]

' normalement le serveur redémarre sans problème
' on recommence à lancer screen et on sauvegarde les étapes suivantes avec script
# screen
# script -t 2>/root/upgrade-squeeze2.time -a /root/upgrade-squeeze2.script
' maintenant on peut faire une mise à jour complète !
# apt-get dist-upgrade

' chez moi il a supprimé mysql et j'ai été obligé de le réinstaller :
# apt-get install mysql-server mysql-client php5-mysql
' un dernier reboot pour s'assurer que tout fonctionne normalement
# reboot
' et enfin on va nettoyer tous les paquets
# apt-get autoremove

Si vous tombez sur ce genre de message :

Impossible de migrer vers le nouveau système de démarrage
Des tests ont montré que des problèmes existent dans le système de démarrage qui empêchent la migration vers la nouvelle séquence de démarrage :
insserv: warning: script ‘XXXX’ missing LSB tags and overrides, insserv: warning: script ‘YYYY’ missing LSB tags and overrides,
Si le problème indiqué concerne une modification locale, vous devrez le réparer vous-même. Si c’est un bogue dans un paquet, il devrait être signalé dans le système de suivi des bogues (BTS) et corrigé dans le paquet. Veuillez lire
« http://wiki.debian.org/LSBInitScripts/DependencyBasedBoot » pour plus d’informations sur les méthodes de résolution des problèmes empêchant la transition.
Une fois que les problèmes ont été corrigés, vous pouvez réessayer la migration avec la commande « dpkg-reconfigure sysv-rc ».

C’est que vous devez aller modifier manuellement les fichiers correspondant à XXXX et YYYY qui se trouvent dans /etc/init.d/. L’origine est que l’en-tête spécial est manquante, ainsi que les fonctions start/stop.
Le squelette de votre fichier devrait être :

#! /bin/sh
### BEGIN INIT INFO
# Provides:          nom de votre script
# Required-Start:
# Required-Stop:
# Default-Start:     S
# Default-Stop:
# Short-Description: Une description du script
# Description:       Une description du script
### END INIT INFO

case "$1" in
  start)
    # votre code
    echo "XXXX started!"
    ;;
  stop)
    echo "XXXX stopped..."
    ;;

  status)
    echo "Nothing here";
    ;;

  restart|reload)
    $0 stop
    $0 start
    ;;
  *)
    echo "Usage: XXXX {start|stop|restart|status}"
    exit 1
esac
exit 1

« The security validation for this page is invalid. Click Back in your Web browser, refresh the page, and try your operation again. »

Si Sharepoint vous donne ce joli message d’erreur lorsque vous communiquez avec un de ses web services, alors il est possible que vous ayez oublié d’ajouter un header « SOAPAction » avec le nom du service associé.

Prenons l’exemple du web service lists.asmx et de l’action « UpdateListItems ». Si vous allez sur l’URL suivante http://votre_sharepoint/_vti_bin/lists.asmx?op=UpdateListItems vous verrez la SOAPAction qu’il faut définir (cliquez pour agrandir) :

Dans l’exemple ci-dessus il faut donc définir l’header « SOAPAction » avec la valeur « http://schemas.microsoft.com/sharepoint/soap/UpdateListItems ».
Si vous utilisez l’AJAX de jQuery cela donnera quelque chose comme ça :

jQuery.ajax({
        url: "http://your_sharepoint/_vti_bin/lists.asmx",
        type: "POST",
        dataType: "xml",
        data: soapEnv,
        beforeSend: function(xhr) { xhr.setRequestHeader('SOAPAction', 'http://schemas.microsoft.com/sharepoint/soap/UpdateListItems'); },
        contentType: "text/xml; charset=\"utf-8\""
    });

Si vous utilisez l’add-on Firefox Poster, alors utilisez l’onglet « Headers ».

Voici une fonction (qui mériterait quelques optimisations) qui va vous permettre de trouver tous les styles appliqués à un élément :

function getStyle(e) {
    var arr=(typeof window.getComputedStyle == "function" ? window.getComputedStyle(e) : e.currentStyle ); // IE will use the "currentStyle"
    var res=[];
    $.each(arr, function(k,v) { // ici j'utilise le "each" de jQuery simplement parce que c'est plus pratique/simple que le for-in
      if (typeof window.getComputedStyle == "undefined") {
        var kNoCamel=k.replace(/([A-Z])/g, "-$1").toLowerCase(); // sous IE on a des noms de propriétés au format camelCase
        k=v;
        v=kNoCamel;
      }
      if (v.charAt(0) != "-") {
        var vSlice = v.slice(0,7);
        // ici on va chercher à conserver que quelques propriétés CSS bien particulières
        var ok = (vSlice=="border-"||vSlice=="margin-"||vSlice=="padding");
        switch(v) {
          case "background-color":
          case "color":
          case "font-style":
          case "font-weight":
          case "font-size":
          case "font-family":
          case "width":
          case "height":
          case "vertical-align":
          case "text-align":
          case "text-decoration": ok=true;
        }
        if (ok) {
          if (typeof window.getComputedStyle == "function") {
            var vCamel=(v.search("-") != -1 ? v.replace(/(-)(.)/g,function(c) { return c[1].toUpperCase();}) : v); // pour trouver les valeurs associés aux propriétés on se change en camelCase
            res.push(v+":"+arr[vCamel]);
          } else {
            res.push(v+":"+k);
          }
      }
    }
  });
  return res.join(";");
};

alert(getStyle(document.getElementById('test')));
/* qui retournera par exemple:
background-color:transparent;border-bottom-color:rgb(128, 128, 128);
border-bottom-left-radius:0px;border-bottom-right-radius:0px;
border-bottom-style:none;border-bottom-width:0px;border-collapse:collapse;
border-left-color:rgb(128, 128, 128);border-left-style:none;
border-left-width:1px;border-right-color:rgb(128, 128, 128);
border-right-style:none;border-right-width:0px;border-spacing:2px 2px;
border-top-color:rgb(128, 128, 128);border-top-left-radius:0px;
border-top-right-radius:0px;border-top-style:none;border-top-width:1px;
color:rgb(0, 0, 0);font-family:verdana;font-size:16px;font-style:normal;
font-weight:400;height:3738px;margin-bottom:0px;margin-left:0px;margin-right:0px;
margin-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;
padding-top:0px;text-align:start;text-decoration:none;vertical-align:baseline;width:1756px
*/

Edit: J’ai découvert qu’il existe un plugin pour jQuery qui fait un peu près la même chose (sauf qu’il retourne TOUTES les propriétés et qu’il est bien plus lent à l’exécution) : http://upshots.org/javascript/jquery-copy-style-copycss

Did you know it’s possible to create a file from scratch and to add it into a shared documents library of Sharepoint, and only with Javascript ?

To do it we’ll use the « copy.asmx » web service with the « CopyIntoItems » function.
If you check http://your_sharepoint/_vti_bin/copy.asmx?op=CopyIntoItems you’ll see that we have several details about the « CopyIntoItems » function. Unfortunately it’s very difficult to find any information regarding this on the Web, and specially for Javascript…

So, here is the solution to create a file, e.g. an Excel file (.xls) with a regular HTML table, and we’re going to save it to this library: « http://your_sharepoint/Shared Documents/ » (Note: I’m using jQuery for the AJAX requests).

// The file content must be encoded into Base64. To do it I use the function available on my blog (http://blog.kodono.info/wordpress/2011/07/27/midi-code-encoder-decoder-en-base64-pour-javascript-programmation/)
function encode_b64(a,b,c,d,e,f){b="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";c='=';for(d=f='';e&=3,a.charAt(d++)||(b=';=',e);f+=b.charAt(63&c>>++e*2))c=c<<8|a.charCodeAt(d-=!e);return f}

// "Upload" is the name of our function to do the job
// txtContent is a plain text, the content of our file
// destinationUrl is the full path URL to the document library (with the filename included)
function Upload(txtContent, destinationUrl) {
    var jsStream = encode_b64(txtContent);
    var soapEnv  = "<?xml version=\"1.0\" encoding=\"utf-8\"?>"
                  +"<soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\">"
                  +"<soap:Body>"
                  +"<CopyIntoItems xmlns=\"http://schemas.microsoft.com/sharepoint/soap/\">"
                  +"<SourceUrl>http://null</SourceUrl>"
                  +"<DestinationUrls><string>"+destinationUrl+"</string></DestinationUrls>"
                  +"<Fields><FieldInformation Type='File' /></Fields>"
                  +"<Stream>"+jsStream+"</Stream>"
                  +"</CopyIntoItems>"
                  +"</soap:Body>"
                  +"</soap:Envelope>";
    jQuery.ajax({
        url: "http://your_sharepoint/_vti_bin/copy.asmx",
        type: "POST",
        dataType: "xml",
        data: soapEnv,
        beforeSend: function(xhr) { xhr.setRequestHeader('SOAPAction', 'http://schemas.microsoft.com/sharepoint/soap/CopyIntoItems'); },
        contentType: "text/xml; charset=\"utf-8\""
    });
}

Upload("<html><table><tr><th>Colonne 1</th><th>Colonne B</th></tr><tr><td>Total:</td><td>1500</td></tr></table></html>","http://your_sharepoint/Shared Documents/test.xls");

Then, when you’ll click on the new « test.xls » file, your web browser will want to open it with Excel. MS Excel should show you a warning message, but just click YES and you’ll see your table inside the sheet !

Of course you can create any type of files (.txt, .jpg, .doc, …) and with any content.

Related links:

• http://blog.stuartwhiteford.com/?p=86
• http://stackoverflow.com/questions/7976329/sharepoint-copyintoitems-soap-message-in-objective-c
• http://msdn.microsoft.com/en-us/library/copy.copy.copyintoitems%28v=office.12%29.aspx

Pour cela nous utiliserons le web service « copy.asmx » avec la fonction « CopyIntoItems ».
Si vous pointez vers l’adresse http://votre_sharepoint/_vti_bin/copy.asmx?op=CopyIntoItems vous remarquerez qu’on vous fournit un certain nombre de détails quant aux informations qu’il faut envoyer. Malheureusement c’est plutôt très mal documenté, surtout pour Javascript…

Voici donc la solution pour créer un fichier, par exemple un fichier Excel (en .xls) dans lequel on va mettre un tableau HTML banal et qui sera enregistré (dans notre exemple) dans la librairie « http://votre_sharepoint/Shared Documents/ » (à noter que j’utilise jQuery pour la requête ajax).

// le contenu de notre fichier doit être encodé en Base64. Pour cela j'utilise la fonction disponible sur mon blog (http://blog.kodono.info/wordpress/2011/07/27/midi-code-encoder-decoder-en-base64-pour-javascript-programmation/)
function encode_b64(a,b,c,d,e,f){b="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";c='=';for(d=f='';e&=3,a.charAt(d++)||(b=';=',e);f+=b.charAt(63&c>>++e*2))c=c<<8|a.charCodeAt(d-=!e);return f}

// Notre fonction qu'on va appeler "Upload"
// txtContent est du plain text qui est donc le contenu de notre fichier
// destinationUrl est l'URL complète vers la librairie où le fichier va être stocké (avec le nom du fichier à créer)
function Upload(txtContent, destinationUrl) {
    var jsStream = encode_b64(txtContent);
    var soapEnv  = "<?xml version=\"1.0\" encoding=\"utf-8\"?>"
                  +"<soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\">"
                  +"<soap:Body>"
                  +"<CopyIntoItems xmlns=\"http://schemas.microsoft.com/sharepoint/soap/\">"
                  +"<SourceUrl>http://null</SourceUrl>"
                  +"<DestinationUrls><string>"+destinationUrl+"</string></DestinationUrls>"
                  +"<Fields><FieldInformation Type='File' /></Fields>"
                  +"<Stream>"+jsStream+"</Stream>"
                  +"</CopyIntoItems>"
                  +"</soap:Body>"
                  +"</soap:Envelope>";
    jQuery.ajax({
        url: "http://votre_sharepoint/_vti_bin/copy.asmx",
        type: "POST",
        dataType: "xml",
        data: soapEnv,
        beforeSend: function(xhr) { xhr.setRequestHeader('SOAPAction', 'http://schemas.microsoft.com/sharepoint/soap/CopyIntoItems'); },
        contentType: "text/xml; charset=\"utf-8\""
    });
}

Upload("<html><table><tr><th>Colonne 1</th><th>Colonne B</th></tr><tr><td>Total:</td><td>1500</td></tr></table></html>","http://votre_sharepoint/Shared Documents/test.xls");

Ensuite si vous cliquez sur le fichier « test.xls » nouvellement créé, votre navigateur va vouloir l’ouvrir avec Excel. Celui-ci va vous donner un warning, mais il suffit d’accepter et votre tableau va apparaitre dans votre Excel !
Bien sur on peut créer tout type de fichier (.txt, .jpg, .doc, etc) et avec le contenu que l’on souhaite.

Liens additionnels:

• http://blog.stuartwhiteford.com/?p=86
• http://stackoverflow.com/questions/7976329/sharepoint-copyintoitems-soap-message-in-objective-c
• http://msdn.microsoft.com/en-us/library/copy.copy.copyintoitems%28v=office.12%29.aspx

Pour information, à partir d’Android 2.3.7 (en tout cas je l’ai constaté sur cette version), il est possible d’utiliser plusieurs comptes Google sur un même téléphone, et donc de choisir ce qu’on souhaite synchroniser. De même pour chaque application Android de Google, on peut facilement choisir quel compte utiliser. Cela peut-être pratique si vous avez acheté des articles sur le Market avec votre ancien compte et donc que vous souhaitez les conserver sans repayer.

Transférer ses emails GMail vers un autre compte GMail

Pour cela j’ai utilisé GMail Backup : commencez par sauvegarder tous vos emails sur votre ordinateur avec votre ancienne adresse GMail Une fois l’opération terminée, utilisez de nouveau l’application mais avec la nouvelle adresse GMail. Ensuite il suffit de cliquer sur « Restore ».
Les dates et les divers informations du courrier seront sauvegardées ! Et le logiciel vous remettra aussi vos labels !

Transférer ses contacts GMail vers un autre compte GMail

Cette fois Google vous facilite la vie. Allez dans Google Contact, cliquez sur « Plus » et sur « Exporter… »

Et dans votre nouveau GMail, faites pareil en choisissant cette fois « Importer… ». Et le tour est joué !

Transférer ses calendriers GCalendar vers un autre compte GCalendar

Là encore Google a tout prévu : allez dans les paramètres de votre calendrier (en cliquant sur la roue en haut à droite de la page), puis cliquez sur l’onglet « Agendas ». Vous verrez le lien « Exporter mes agendas ».
Et sur le nouveau GCalendar, vous n’avez plus qu’à utiliser le lien à coté : « Importer l’agenda ».

Transférer ses documents GDocs vers un autre compte GDocs

Cette fois vous aurez besoin du logiciel GDocBackup, et comme pour les emails, vous allez tout sauvegarder votre ancien compte sur votre ordinateur, puis dans votre nouveau compte il vous suffit de choisir « Importer fichiers… » :

Transférer vos flux RSS de Google Reader vers un autre compte Google Reader

Rendez-vous dans les paramètres de l’ancien compte Google Reader puis choisissez l’onglet Importer/Exporter. De là vous trouverez de quoi récupérer vos données.
Le problème : c’est que vous perdez là où vous en étiez dans votre lecture…

Un outil à utiliser de toute urgence si vous devez traiter avec des web fonts !

new Date(new Date(new Date().toUTCString()).setMinutes(-300));

Ensuite il faudra utiliser les fonctions getUTC* pour avoir les informations relatives à la nouvelle heure :

var dLocal = new Date(); // -> Thu Nov 03 2011 09:50:19 GMT+0100
var dOffset = new Date(new Date(new Date().toUTCString()).setMinutes(-300));
var offsetHours = dOffset.getUTCHours(); // -> 3

C’est donc simplement l’interface utilisateur de Sharepoint Designer qui bloque, alors que c’est techniquement possible.

Plus d’informations : http://social.msdn.microsoft.com/forums/en-US/sharepointworkflow/thread/ebcb81ec-ba36-4a4c-bd01-26dc2c4d0913/

var myText = 'blah blah <script type="text/javascript">foo=bar;</script>blah blah';
var myStripText = myText.replace(/<script.*?>[\s\S]*?<\/.*?script>/gi,"");
console.log(myStripText); // -> 'blah blah blah blah'

On peut également utiliser une expression régulière pour supprimer les liens javascripts :

var myText = 'blah blah <a href="javascript:alert(gniii)">foo</a>blah blah';
var myStripText = myText.replace(/javascript.*:[^"]*/gi,"");
console.log(myStripText); // -> 'blah blah <a href="">fooblah blah'

Pour revenir à un système avec toutes les actualités récentes de ses amis, il suffit d’une petite astuce :

1. Allez sur https://www.facebook.com/bookmarks/lists puis cliquez sur « Créer une liste » que vous pouvez nommer « Tout le monde » (ou « tous mes amis » ou « actualités récentes ») par exemple
   
   
2. Maintenant cliquez sur « "Ajouter des ami(e)s" à cette liste pour voir leurs actualités », et choisissez tous vos amis (un par un….); pensez aussi à ajouter les Pages dont vous êtes fans pour continuer à suivre leurs actualités (en haut à gauche choisissez "Pages" au lieu d’ "Amis")
   
3. Une fois terminé, vous aller voir « Tout le monde » (ou le nom que vous avez donné à la liste) dans la colonne de gauche au niveau de « Listes »
   
4. Et voilà c’est prêt. Maintenant, lorsque vous voudrez voir l’actualité récente de vos amis, vous n’aurez qu’à cliquer sur ce « Tout le monde » dans la colonne de gauche.
   
   Vous pouvez aussi survoler ce « Tout le monde » avec la souris puis cliquer sur le petit crayon qui apparait à gauche et choisir « Ajouter aux favoris » pour être sûr de l’avoir de disponible facilement.
   
   
   
   Et le voilà de disponible dans vos favoris :
   

Aussi, n’oubliez pas d’ajouter vos nouveaux amis dans la liste « Tout le monde » à chaque fois pour être sûr de continuer à voir leurs actualités récentes.

Attention ! Si vous entrez un nouveau statut à partir de cette page, prenez en compte que ce statut pourra être vu par toutes les personnes de cette liste (c’est-à-dire tous vos amis). Cet avertissement vaut seulement pour ceux qui limitent leurs statuts à certains groupes.

Il existe des sites web qui fournissent un débogage du Javascript, et mon préféré est http://www.javascriptlint.com/. Il vous montrera rapidement ce qu’il ne va pas dans ce que vous avez entré : oubli de parenthèse, de point-virgule, mauvaise déclaration, …

De plus si vous utilisez Notepad++ ou un autre éditeur, il est facile d’adjoindre la puissance de JSLint à votre programme préféré. Dans ce thread on vous explique tout.
En l’occurrence voici comment faire pour Notepad++ :

1. Télécharger la version pour Windows, puis dézippez le fichier;
2. Maintenant ouvrez Notepad++, puis dans le menu Plugins vous trouvez NppExec, et après Execute… (ou touche F6);
3. Dans la zone qui apparait entrez la commande suivante (en supposant que vous ayez mis le fichier dézipppé dans « C:\Program Files\JavascriptLint\ ») :
   "C:\Program Files\JavascriptLint\jsl.exe" -conf "C:\Program Files\JavascriptLint\jsl.default.conf" -process "$(FULL_CURRENT_PATH)"
4. Cliquez sur « Save… » et donnez un nom à cette commande;
5. Vous pouvez désormais utilisez JSLint directement dans Notepad++
6. Dans le fichier jsl.default.conf vous trouverez les options et les warnings à supprimer

Il existe le populaire http://jsperf.com/ qui offre la possibilité de tester autant de bouts de code que l’on souhaite, en appelant même quelques framework bien connus (comme jQuery).

Mais si vous avez des besoins un peu plus particulier, ou vous devez travailler sur un environnement restreint, alors il est possible d’utiliser JSLitmus. La façon de l’utiliser est incroyablement simple :

<script src="JSLitmus.js"></script>
<script>
JSLitmus.test('Mon premier test', function() { /* do something */ });
JSLitmus.test('Mon second test', function() { /* do something else */ });
</script>

Cela fait apparaître un bouton « Run tests » avec un petit tableau. Une fois le test fini le tableau et un graphique vous donnent les informations nécessaires, et en l’occurrence plus le chiffre (nombre d’opérations/sec) est grand et mieux c’est.

Voici un exemple qui montre que l’utilisation de search est bien plus rapide que de déclarer une RegExp puis appeler match :

<html>
<head>
<script src="http://www.broofa.com/Tools/JSLitmus/JSLitmus.js"></script>
</head>
<body>
<script>
JSLitmus.test('Mon premier test', function() { var regExp = new RegExp("pouet$"); var ok = ("pouet".match(regExp) != null); });
JSLitmus.test('Mon deuxième test', function() { var ok = ("pouet".search("pouet") != -1); });
</script>
</body></html>

Résultat :

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 !

Le typeof par défaut de Javascript

Déjà, comme typeof est un opérateur, vous n’avez pas besoin d’utiliser des parenthèses ou une quelconque autre décoration.
Ainsi on aura :

typeof 2; // -> "number"
typeof "Kodono"; // -> "string"

On peut remarquer qu’ici typeof nous a bien donné ce qu’on attendait… mais voilà ce qu’il se passe avec d’autres exemples :

typeof []; // -> "object"
typeof new Boolean(true); // -> "object"
typeof /a/; // -> "object"
typeof new Date(); // -> "object"
typeof null; // -> "object"

Comme on peut le voir, l’opérateur va fournir un « object » dans de nombreuses situations, ce qui n’aide pas du tout.

Créer un meilleur typeof

Pour faire court, on peut appliquer Object.prototype.toString.call à un objet qui va retourner une chaine au format « [object Class]« . Quelques exemples :

Object.prototype.toString.call(new Number(2)); // -> [object Number]
Object.prototype.toString.call(new Date()); // -> [object Date]
Object.prototype.toString.call(/a/); // -> [object RegExp]

Maintenant que l’on sait ça on peut créer notre propose fonction typeOf (en sachant que Object.prototype peut se raccourcir par ({})/).
On trouve sur Internet différentes façons de faire que je vais vous proposer.

La plus lente

Elle n’est pas très rapide (dûe à l’utilisation des expressions régulières), mais elle est très courte :

function typeOf(obj){return({}).toString.call(obj).match(/\s(\w+)/)[1]}

console.log(typeOf(new Number(2))); // -> Number
console.log(typeOf(new Date())); // -> Date
console.log(typeOf("test")); // -> String
console.log(typeOf(null)); // -> Null
console.log(typeOf(/a/)); // -> RegExp
console.log(typeOf([])); // -> Array
console.log(typeOf(function(){})); // -> Function

jQuery.type

Si vous utilisez déjà jQuery, vous pouvez utiliser la fonction jQuery.type qui propose une fonction assez rapide et efficace.
Ils utilisent la méthode suivante :

function typeOf(obj){
  var c2t={"[object Boolean]":"Boolean","[object Number]":"Number","[object String]":"String","[object Function]":"Function","[object Array]":"Array","[object Date]":"Date","[object RegExp]":"RegExp","[object Object]":"Object"};
  return obj==null?String(obj):c2t[({}).toString.call(obj)]||"object";
}

console.log(typeOf(new Number(2))); // -> Number
console.log(typeOf(new Date())); // -> Date
console.log(typeOf("test")); // -> String
console.log(typeOf(null)); // -> Null
console.log(typeOf(/a/)); // -> RegExp
console.log(typeOf([])); // -> Array
console.log(typeOf(function(){})); // -> Function

La plus courte et rapide

Celle-ci ne prend que quelques caractères, et se veut rapide en plus !

function typeOf(obj) {return({}).toString.call(obj).slice(8,-1)}

console.log(typeOf(new Number(2))); // -> Number
console.log(typeOf(new Date())); // -> Date
console.log(typeOf("test")); // -> String
console.log(typeOf(null)); // -> Null
console.log(typeOf(/a/)); // -> RegExp
console.log(typeOf([])); // -> Array
console.log(typeOf(function(){})); // -> Function

Conclusion

Si vous utilisez déjà jQuery dans votre code, alors vous pouvez faire confiance à jQuery.type, sinon je vous conseille la dernière fonction proposée :

function typeOf(obj) {return({}).toString.call(obj).slice(8,-1)}

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html>
<html>
<head><title>Exemple JSP</title></head>
<body>
L'url de la page est : <%= HttpUtils.getRequestURL(request).toString() %>?<%= request.getQueryString() %>
</body>
</html>

Il a été démontré que le stockage de mot de passe n’est pas chose aisée, et que l’utilisation d’une méthode de hashage (MD5, SHA-1, etc) n’est pas parfaite, même avec l’utilisation d’un salt. D’après cette constatation plusieurs articles indiquent que la meilleure méthode reste l’utilisation de bcrypt, comme on peut le lire dans How to safely store a password.

L’utilisation de bcrypt est assez simple :
1) Télécharger phpass (fichier .tgz qui contient un fichier PasswordHash.php);
2) Appeler PasswordHash.php dans votre page :

<?php require('includes/PasswordHash.php'); ?>

3) Maintenant vous pouvez utiliser l’objet PasswordHash comme cela :

<?php
$password = $_POST["password"];
$hasher = new PasswordHash(8, FALSE);
$hash = $hasher->HashPassword($password);
?>

Et pour vérifier un mot de passe, vous devez utiliser ce petit bout de code :

<?php // vérification du mot de passe
$password = $_POST["password"];
$password_correct = "password qui vient de la base de données"; /* Le hash stocké précédemment */
$hasher = new PasswordHash(8, FALSE);
$check = $hasher->CheckPassword($password, $password_correct);

if ($check) {
 echo "Password correct!";
}
else {
 echo "Password incorrect...";
}
?>

A noter que si vous souhaitez le rendre compatible avec d’autres systèmes équivalents (comme BCrypt pour Java par exemple), alors il faudra vous assurer que votre machine a bien CRYPT_BLOWFISH d’installé (on peut le voir avec <?php echo CRYPT_BLOWFISH; ?>) afin d’avoir une bonne compatibilité des deux systèmes.