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 !");
});

<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

« 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

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

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 :

<%@ 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.

Il est possible d’effectuer une action sur la page avant que l’utilisateur ne quitte la page (en la fermant, la rechargeant, en navigant dans l’historique, ou en cliquant sur un lien). Pour cela utilisez la méthode ci-dessous (via MDN) :

window.onbeforeunload = function (e) {
  e = e || window.event;
  // For IE and Firefox prior to version 4
  if (e) e.returnValue = 'Any string';

  // For Safari
  return 'Any string';
};

Si vous ne voulez pas ce comportement pour un clic sur un lien, alors il faudra gérer une variable qui sera activée lors d’un clic sur un tag A (exemple avec jQuery) :

__okForClosing = false;
window.onbeforeunload = function (e) {
  if (!__okForClosing) {
    e = e || window.event;
    // For IE and Firefox prior to version 4
    if (e) e.returnValue = 'Any string';

    // For Safari
    return 'Any string';
  }
};
$('a').click(function() { __okForClosing=true; });

Si vous souhaitez créer un effet highlight sur un élément (en passant le background en jaune par exemple), voici comment il faut s’y prendre :

jQuery.prototype.highlight = function() {
  jQuery(this).css("background-color","yellow").fadeTo('slow', 0.1, function() {
    jQuery(this).fadeTo('slow', 1.0, function() {
      jQuery(this).css("background-color","white");
    });
  });
};

jQuery('#mon-element').highlight();

J’ai constaté que l’utilisation de la commande apt-get étant devenue lente, dû au fait qu’il essaie de se connecter en ipv6 au lieu d’ipv4.

Pour modifier ce comportement, et forcer votre Linux à résoudre en ipv4 de manière générale, il suffit de modifier le fichier /etc/gai.conf en enlevant le commentaire sur la ligne :
precedence ::ffff:0:0/96 100

EDIT: une application Android existe maintenant pour BBox (et autres box) : Penetrate.

La nouvelle a rapidement fait le tour du web : le mot de pass wifi par défaut de la BBox de Bouygues Telecom se retrouve très facilement à partir du nom du réseau (appelé SSID). Ainsi on trouve un script pour Windows, et un autre pour Linux.
J’ai décidé de transcrire ce script pour Android grâce au projet Android Scripting.

Comment cela fonctionne ?

Il suffit d’installer l’application SL4A. Ouvrez l’application, puis « Menu » et « View ». Choisissez « Interpreters », puis « Menu » et « Add ». Prenez « Python » dans la liste proposée. Cela va télécharger l’interpréteur Python que vous devrez installer, puis ouvrir, et enfin suivre les instructions.

Ensuite il vous faut récupérer le script python : hack_bbox_Android.py

Maintenant connectez votre téléphone à l’ordinateur, activez le périphérique de stockage USB, et allez dans dans le répertoire « sl4a » qui doit se trouver à la racine, puis placez le script dans… « scripts »

Déconnectez votre téléphone de l’USB, et lancez SL4A, et enfin le script nommé « Hack_BBox_android.py ».

Votre téléphone (ou votre tablette) va vous montrer les réseaux Wifi disponibles autour de vous (pensez à activer le wifi avant!). Il suffit d’en choisir un qui commence par BBox pour que le script se mette à chercher la clé correspondante. Selon la puissance de votre téléphone, l’opération peut prendre jusqu’à 15 min (temps constaté sur un HTC Hero, alors qu’il faut que 2 min sur une tabelette Toshiba Folio 100).

Captures d’écran :

Vous utilisez WordPress et avez choisi un des nombreux thèmes gratuits qu’on trouve sur le Net. Et puis vous souhaitez utiliser la barre latérale (« sidebar ») pour afficher dynamiquement des widgets comme WordPress le permet ? Cependant vous remarquez que même en cliquant sur « Save », les widgets ajoutés ne se sauvegardent jamais…

Tout d’abord vous devez aller vérifier le fichier sidebar.php (« Barre latérale ») dans l’éditeur de votre thème.
Voici un exemple de ce que vous devriez avoir:

<ul id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
 <li id="about">
  <h2>About</h2>
  <p>This is my blog.</p>
 </li>
 <li id="links">
  <h2>Links</h2>
  <ul>
   <li><a href="http://example.com">Example</a></li>
  </ul>
 </li>
<?php endif; ?>
</ul>

C’est le code par défaut qui fonctionne pour que la sidebar s’affiche correctement. Vous devriez donc d’abord tester en insérant ce code là. On notera que s’il n’y a pas de widgets, alors la barre affichera les deux éléments définis par défaut (ici « About » et « Links »).

Maintenant, il suffit d’activer la sidebar dans le fichier « functions.php » de votre thème. Pour cela, voici le code que vous devriez avoir dans ce fichier :

<?php
if ( function_exists('register_sidebar') )
    register_sidebar();
?>

C’est tout, seulement ces quatre lignes. Il dit à WordPress qu’il doit activer une sidebar. Maintenant, les widgets doivent pouvoir s’ajouter et se sauvegarder sans problème.

Supposons maintenant que vous ne voulez pas utiliser le code par défaut, mais que vous voulez une barre latérale un peu plus personnalisée.
Voici un exemple avec des div :

<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
 <div class="mywidget">
  <h2 class="title">About</h2>
  <p>This is my blog.</p>
 </div>
 <div class="mywidget">
  <h2 class="title">Links</h2>
  <ul>
   <li><a href="http://example.com">Example</a></li>
  </ul>
 </div>
<?php endif; ?>
</div>

Et le code associé à mettre dans le fichier functions.php :

<?php
if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<div class="monwidget">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="title">',
        'after_title' => '</h2>',
    ));
?>

Maintenant vos widgets devraient s’enregistrer sans problème !

(Source: http://automattic.com/code/widgets/themes/)

(Cet article suppose que vous ayez des connaissances de base, comme comment lancer un exécutif en ligne de commande, dans le cas contraire vous pouvez vous référez à cet article qui propose deux autres solutions pour Windows)

Pour cela vous aurez besoin de mencoder (qui se trouve dans le répertoire de MPlayer disponible pour Windows, Linux et Mac à http://www.mplayerhq.hu/MPlayer/releases/). Vous devez ensuite lancer une console et taper la commande :
mencoder -ss 00:10:00 mon_fichier.avi -o mon_fichier_split.avi -oac copy -ovc copy
Pour couper les dix premières minutes de votre vidéo.

Si vous souhaitez couper la fin de la vidéo, il faudra faire :
mencoder -endpos 00:02:00 mon_fichier.avi -o mon_fichier_split.avi -oac copy -ovc copy
Pour couper les deux dernières minutes de votre vidéo.

Le format est sous la forme hh:mm:ss.

Difficile de trouver un titre correspondant à la problématique.
Il se trouve que lorsque vous tapez la commande suivante dans un shell, vous obtenez le résultat ci-dessous:

Comme on peut le constater, « test deux.txt » ayant un espace dans son nom, il est affiché sur deux lignes dans notre résultat au lieu d’une seule ligne.

Pour fixer ce problème, il suffit de modifier la variable IFS qui détermine le séparateur, puisque par défaut le séparateur va être un espace.
Pour se faire nous devons mettre notre commande dans un script :

Le résultat de l’exécution de notre script :

Plus d’informations sur http://tldp.org/LDP/abs/html/internalvariables.html#IFS

Il est possible d’incruster des sous-titres dans une vidéo grâce à VirtualDub et au filtre Subtitler, mais ici nous allons voir une autre solution en utilisant mencoder qui va permettre de faire la manipulation de façon automatique, plus rapidement (environ 20 minutes pour une vidéo d’une heure) et plus facilement.

J’ai pu réussir à obtenir ce que je vais vous expliquer grâce au tutorial du site Hyjoo.com où vous trouverez plus de détails (en particulier sur les options possibles). On notera que les fichiers indiqués dans ce tutorial sont plus aisés à trouver en se rendant à http://www.mplayerhq.hu/MPlayer/releases/.

Ayant eu de nombreuses difficultés à obtenir ce que je souhaitais, j’ai décidé de le partager sur mon blog que cela puisse servir à d’autres !

A l’origine de ma recherche concernant l’incrustation de sous-titres, c’est parce que j’utilise Orb pour me permettre de lire les vidéos de mon ordinateur sur d’autres ordinateurs via Internet. Malheureusement Orb ne supporte pas les fichiers de sous-titres lors de la lecture d’une vidéo; de fait aucune phrase n’apparait lors de la diffusion du film via Orb.

Pour vous permettre l’incrustation, rien de plus facile :
1) Téléchargez ce fichier ZIP (28Mo) qui contient déjà les bons programmes, c’est-à-dire MPlayer-1.0rc2 (récupéré sur le site officiel), ainsi que les codecs windows-all-20071007 (récupérés aussi sur le site officiel);
2) Dézippez le fichier et vous allez trouver un répertoire qui se nomme "to_convert";
3) Placez vos fichiers .avi ainsi que vos fichiers de sous-titres .srt (qui doivent avoir le même nom — par exemple film.avi et film.srt) dans ce répertoire "to_convert";
4) Cliquez sur le fichier "start.bat" qui va lancer l’incrustation automatiquement sur tous les fichiers;
5) Une fois terminé, les vidéos incrustées sont disponibles dans le répertoire "to_convert" avec le mot "_subbed" ajouté au nom d’origine.

On notera qu’un certain nombre d’options peuvent être ajoutées/modifiées :
- taille des sous-titres;
- position des sous-titres;
- encodage de la vidéo;
- dimension de la vidéo;
- etc.
Les options de base sont détaillées dans le tutorial de Hyjoo.com, et les options complètes sont sur le site officiel.
On notera qu’il ne semble pas possible (pour le moment en tout cas) de modifier la couleur des sous-titres malgré les options -ass et -ass-font-color.

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 !

Lorsque vous utilisez une expression régulière, cela va vous retourner un maximum de caractères, ainsi si nous prenons la chaine « foo:bar:gniii » avec la regexp /^(.*):(.*)$/, on va avoir « foo:bar » d’une part et « gniii » d’autre part.
Alors comment faire pour obtenir la première occurrence de « : » dans notre chaine ? Il suffit d’ajouter le caractère clé « ? ».
Ainsi dans notre exemple il faut écrire : /^(.*?):(.*)$/, qui retournera « foo » et « bar:gniii ».

A noter que cela est valable pour la fonction « match » de Javascript, mais aussi pour les autres langages comme PHP.

Depuis la version 2.7 de WordPress il est possible de le mettre à jour automatique. Cependant il arrive que WordPress vous demande de rentrer les crédentials d’un FTP pour se faire. Si vous utilisez sftp, alors vous avez le choix d’installer SSH pour PHP, ou ne pas utiliser FTP !

Pour cette dernière solution il vous faut trouver l’utilisateur sous lequel tourne Apache (en général www-data ou nobody), puis changer le propriétaire du répertoire de votre blog en mettant celui d’Apache. Voici un exemple :

Ainsi WordPress pourra se mettre à jour automatiquement sans devoir passer par des crédentials FTP.

Il est possible de reproduire la fonction escape() de Javascript pour le langage Java. Cela permet par exemple de transformer « François » en « Fran%E7ois » ou encore « Maël » en « Ma%EBl ».

public String myEncodeURI(String str) {
  StringBuffer ostr = new StringBuffer();
    for(int i=0; i<str.length(); i++) {
      char ch = str.charAt(i);
      if ((ch >= 0x0020) && (ch <= 0x007e))
        ostr.append(ch); // Pas besoin de convertir
      else {
        // conversion en HEX
        String hex = Integer.toHexString(str.charAt(i) & 0xFFFF);
        ostr.append("%"+hex.toUpperCase());
      }
    }
    return (new String(ostr));
}

Si vous avez l’antivirus AntiVir, vous avez remarqué qu’une fenêtre publicitaire apparaît régulièrement. Voilà un effet bien gênant et désagréable. Pour éviter ce phénomène, voici la manipulation à faire (testée sur Windows Seven Ultimate et ça fonctionne) :
1) Dans le menu Démarrer, exécuter la commande « secpol.msc »
2) « Stratégie de restriction logicielle »
3) « Règles Supplémentaires »
4) Clic droit dans la partie de droite, puis « Nouvelle règle de chemin d’accès »
5) Parcourir jusqu’au fichier nommé « avnotify.exe » (dans C:\Program Files\Avira\AntiVir Desktop)
6) Niveau de Sécurité en « Non autorisé »

Et voilà !

Si vous n’avez pas « secpol.msc », voici une autre astuce :
1) Trouvez le fichier « avnotify.exe » (dans C:\Program Files\Avira\AntiVir Desktop)
2) Clic droit puis « Propriétés »
3) Dans l’onglet « Sécurité », sélectionnez « System » pour l’utilisateur puis « Modifier »
4) Cliquez dans la colonne « Refuser » sur « Lire et Exécuter »
5) Faites « OK »

Je ne l’ai pas testé mais plusieurs sites proposent cette solution.

Si vous utilisez une Debian ainsi que PHP, vous voulez certainement pouvoir envoyer des emails grâce à la fonction mail() qu’offre le langage. Pour cela, on va utiliser exim4 qui est en général déjà installé sur votre Debian toute fraiche (normalement vous avez également /usr/sbin/sendmail qui redirige sur /usr/sbin/exim4). Si vous n’avez pas exim d’installé, je vous invite à aller lire ce billet de Paperblog.

Par défaut exim4 est configuré pour n’envoyer les emails qu’aux utilisateurs locaux. Pour modifier ce comportement, vous devez modifier le fichier /etc/exim4/update-exim4.conf.conf en mettant :

Redémarrer exim4 et vous devriez maintenant pouvoir envoyer des emails au monde entier. Attention cependant de bien bloquer le port 25 de votre machine au monde extérieur (mais pas en local) afin d’éviter que quiconque puisse utiliser votre serveur SMTP.

Dans certains cas on aimerait pouvoir rediriger les personnes en provenance d’un certain site vers une page en particulier. Par exemple, vous voulez que les personnes venant de Facebook soient redirigées vers une page dédiée, vous devez inscrire cela dans votre fichier .htaccess :

RewriteEngine On
RewriteCond %{http_referer} ^http://([^.]+\.)*(facebook)\.com
RewriteRule ^$ /facebook.php [R=302,L]

A noter que le mod_rewrite d’Apache aura dû être installé.

Après avoir essayé différentes solutions (comme gExodus, MailRedirect et Google Mail Loader), c’est finalement toGMail qui s’est imposé comme le meilleur outil pour migrer mes emails depuis Thunderbird vers mon compte GMail.

Le très léger programme va utiliser les fonctions IMAP de GMail pour y déposer les messages tels qu’ils sont à l’origine, avec les en-têtes intactes. Le procédé est rapide et efficace, et on peut même indiquer un libellé pour les messages importés.

Si vous utilisez Outlook, il vous faudra d’abord convertir vos boîtes mail au format de Thunderbird.

Attention: Thunderbird conserve les emails effacés dans vos mailbox (qui se trouvent dans le profil utilisateur/AppData/Roaming/Thunderbird/Profiles/…) — vous devrez donc, dans Thunderbird, faire un clic droit sur les mailbox que vous souhaitez importer, puis sélectionner « Compacter ». Dès lors Thunderbird va enlever tous les emails qui ne devraient plus s’y trouver !

Nokia propose un service gratuit de backup des contacts, des notes et de l’agenda pour ses téléphones (testé et approuvé par mon N95 depuis plusieurs mois). Cela se nomme My Nokia. Pour l’utiliser, vous devez d’abord vous enregistrer. Après quoi vous aurez la possibilité d’installer My Nokia Backup qui viendra se loger dans Outils > Sync > My Nokia Backup. De là, vous pourrez en 1 clic sauvegarder vos informations sur les serveurs de Nokia. Si l’on venait à vous voler votre téléphone vous pourriez alors, via le web, récupérer toutes vos informations !

Nokia propose une vidéo de présentation du programme, ainsi que des tutoriaux pour l’installer et l’utiliser. Tout se trouve sur la page « Apprenez à utiliser My Nokia Backup ».

A noter que certains opérateurs, comme SFR, proposent ce type de service, mais ça reste payant (SFR taxe à 50 centimes chaque synchronisation). Avec My Nokia Backup la synchronisation est gratuite; hors prix de la connexion à Internet, ce qui est sans frais si vous avez un forfait Internet inclus.

Enfin, une application tiers de ce genre est proposée sur l’Ovi Store: Funambol Sync Client (non testée).

On a déjà Apple qui propose son lot d’applications pour l’iPhone/iPod Touch, puis Androïd de Google, puis Blackberry, et maintenant c’est Nokia qui décide de suivre ses concurrents en ouvrant sa boutique appelée Ovi Store.

Vous y trouverez tout un tas de programmes gratuits ou payants. J’en testerai quelques uns et proposerai mes préférés !

Je vous invite aussi à visiter le Nokia Labs sur lequel vous pourrez trouver des applications bien sympathiques.

Linux est un système d’exploitation qui était réservé au geek, mais depuis plusieurs années les distributeurs font en sorte que cet OS soit plus facile à installer et à utiliser. Linux apparaît d’ailleurs de plus en plus comme une alternative à Windows.

Il y a donc plusieurs raisons qui pourraient vous pousser à installer Linux:
- tester pour voir à quoi ça ressemble
- regarder les applications disponibles
- comprendre comment il est configurable
- tester les navigateurs pour vos sites web

Pour entrer dans le monde merveilleux du Pingouin (qui en est la mascotte), vous avez principalement trois solutions:

1. l’installation pure et dure du système en parallèle de Windows, c’est-à-dire que vous choisissez l’un ou l’autre au démarrage de la machine
2. l’utilisation d’un LiveCD qui offre la possibilité de démarrer sur un CD (ou une clé USB) qui contient Linux et ainsi de le tester sans rien installer sur l’ordinateur
3. virtualiser Linux (à l’instar de ce que je vous ai montré l’autre fois pour tester les IE)

Je vais ici vous expliquer le dernier cas. En effet, je connais déjà bien Linux, et l’intérêt majeur pour moi de l’installer est de pouvoir tester Firefox, Epiphany, et autres navigateurs afin de m’assurer du design d’un site web.

Virtualiser Linux dans Windows est simple. Si la dernière fois nous avons utilisé VirtualPC c’est parce que Microsoft fournissait des images déjà prêtes pour leur logiciel. Mais cette fois-ci, nous allons plutôt utiliser VirtualBox. Pourquoi ? Parce que si vous installez Linux (et ici ce sera Ubuntu) dans VirtualPC, alors vous allez avoir une résolution d’écran de 800×600, ce qui n’est pas franchement pratique. Les démarches pour passer en une résolution supérieure sont compliquées et risquées, alors qu’avec VirtualBox il suffit de quelques commandes !

La première chose à faire est donc de télécharger VirtualBox (j’utilise dans cet exemple la version « VirtualBox 2.2.2 for Windows hosts »). Ensuite, il vous faut télécharger une distribution Linux. Il en existe des centaines de versions… Plusieurs sites essaient de vous guider, comme Comment ça marche. Pour notre cas pratique nous prendrons Ubuntu qui est l’une des plus utilisées.
Il vous faut récupérer l’image ISO d’Ubuntu (à l’heure où j’écris ces lignes le fichier est ftp://ftp.crihan.fr/releases/9.04/ubuntu-9.04-desktop-i386.iso).

Une fois téléchargé, ouvrez VirtualBox (que vous aurez déjà installé). Cliquez sur « Nouveau » :

Pour le nom inscrivez « Ubuntu », et pour système d’exploitation prenez « Linux » et la version « Ubuntu » :

Continuez avec les options par défaut.

Une fois fini vous devriez avoir cela :

Maintenant cliquez sur « Lancer » afin d’activer l’assistant de premier lancement. Celui-ci vous demande ce que vous voulez installer. Choisissez « Disque Optique » et « Fichier Image » en sélectionnant le fichier iso que vous avez téléchargé précédemment (« ubuntu-9.04-desktop-i386.iso ») ;

L’écran d’installation d’Ubuntu va démarrer. Vous n’avez plus qu’à choisir « Français » (avec les flèches) puis de prendre « Installer Ubuntu » :

Laissez les options par défaut proposées. Après plusieurs clics et quelques minutes vous vous retrouvez sous Ubuntu ! Malheureusement vous remarquez que vous êtes en résolution 800×600… Voilà un problème de résolution d’écran qui est simple à régler.

Tout d’abord, vérifiez que vous n’avez aucune image CD chargée. Pour cela, votre bureau Ubuntu doit être vide de toute icône. Si vous voyez une icône en forme de CD avec un nom qui commence par Ubuntu, alors faites un clic droit dessus puis « Ejecter ». Une fois fait, sortez de la machine virtuelle (en appuyant sur la touche « Ctrl » de votre clavier, mais celle qui se trouve à droite), puis aller dans Périphériques > Installer les Additions invité… :

Devrait alors apparaitre une icône avec un CD sur le bureau :

(si ce n’est pas le cas, allez dans Machine > Redémarrage pour redémarrer la machine virtuelle)

Maintenant, dans Ubuntu, allez dans Applications > Accessoires > Terminal. Une fenêtre au fond blanc s’ouvre. Vous allez y taper les commandes suivants :
sudo su
/* entrez votre password défini durant l'installation */
cd /media/cdrom0
./VBoxLinuxAdditions-x86.run
Après quoi le système vous indique qu’il doit redémarrer. Ce qui doit donner :

Pour redémarrer, allez dans Machine > Redémarrage. Une fois le boot terminé, vous verrez Ubuntu avec une résolution d’écran équivalente à la vôtre !

Vous n’avez plus qu’à lancer Firefox pour découvrir le rendu de votre site, et vous pouvez installer d’autres navigateurs pour les tester.