Pour mettre un texte en majuscule ou pour toute autre raison, il est parfois nécessaire de passer par une fonction pour supprimer les accents.

Voici une fonction assez simple pour exécuter cette tâche:

function stripAccents($string){
return strtr($string,'àáâãäçèéêëìíîïñòóôõöùúûüýÿÀÁÂÃÄÇÈÉÊËÌÍÎÏÑÒÓÔÕÖÙÚÛÜÝ', 'aaaaaceeeeiiiinooooouuuuyyAAAAACEEEEIIIINOOOOOUUUUY');
}

La fonction précédente ne marchera pas correctement pour les chaînes de caractères encodées en UTF8.

Petit rappel sur la différence du nombre de bits entre la norme ISO et la norme UTF-8 par ici.

Pour un encodage UTF-8 on utilisera cette fonction :

function stripAccentsUtf8($string)
{
$string = mb_strtolower($string, 'UTF-8');
$string = str_replace(
array(
'à', 'â', 'ä', 'á', 'ã', 'å',
'î', 'ï', 'ì', 'í',
'ô', 'ö', 'ò', 'ó', 'õ', 'ø',
'ù', 'û', 'ü', 'ú',
'é', 'è', 'ê', 'ë',
'ç', 'ÿ', 'ñ',
),
array(
'a', 'a', 'a', 'a', 'a', 'a',
'i', 'i', 'i', 'i',
'o', 'o', 'o', 'o', 'o', 'o',
'u', 'u', 'u', 'u',
'e', 'e', 'e', 'e',
'c', 'y', 'n',
),
$string
);

return $string;
}

Si vous rencontrez des problèmes avec certaines fonctions (on peut citer strlen() qui retourne une longueur supérieure au nombre total de caractères), c’est que l’UTF-8 n’est pas supporter. Il existe bien souvent une fonction PHP équivalente avec le prefix mb_ dans la signature qui marchera.

Pour des champ de recherche il se peut que vous ayez mis une balise image <img> plutôt qu’un élément <input> de type submit. Il est dès lors impossible d’utiliser la touche Entrée pour exécuter votre requête.

Pour détecter si la touche Entrée est enfoncée, vous pouvez utiliser le code suivant :

$('#{id_img}').keyup(function(e) { //remplacez {id_img} par l'id de votre image
      if(e.keyCode == 13) {
            //votre code à exécuter
       }
});

Pour ceux qui utilise les iframe et qui veulent créer un événement sur la fenêtre parente dès que l’frame a chargé la cible, vous pouvait utiliser ce bout de code JavaScript :

<iframe src="http://api.jquery.com/" id="frame"></iframe>

$("iframe").one('load', function ()
 {
        //Do something
 });

Nous allons voir aujourd’hui comment intégrer la très utile library FPDF dans le framework CodeIgniter. Tout d’abord, il faut télécharger le package de FPDF à l’adresse suivante http://www.fpdf.org/ dans lq rubrique « Télécharger ».

Ensuite il suffit de copier le fichier fpdf.php dans le dossier /application/libraries/ et le dossier « font » dans le dossier /system/fonts

Ajouter la ligne de code ci-dessous dans le fichier /application/config/config.php

$config['fonts_path']= "le-chemin-de-votre dossier-font";

Pour tester, la library créer un contrôleur pdf.php avec le code suivant:

$this->load->library('fpdf');
define('FPDF_FONTPATH',$this->config->item('fonts_path'));
$this->fpdf->Open();
$this->fpdf->AddPage();
$this->fpdf->SetFont('Arial','',12);
$this->fpdf->Cell(20,10,'Hello World!');
$this->fpdf->Output();

Bien souvent lorsqu’on développe en JavaScript, nos scripts requièrent certaines variables, comme la langue utilisée par exemple, qui sont affectées en PHP. Pour cela nous allons utiliser la fonction $.ajax de la library jQuery.

Voici le principe avec une réponse en JSON:

var  lang = ( function() {
    var flag ;
    $.ajax({
          async: false,  //mode synchrone très important
          type: "POST",
          url: "/path/folder/get_lang.php",
          dataType: 'json',
          success: function(data) {flag = data.lang;}
    });
    return(flag) ;
} )() ;

Le contenu PHP à adapter à votre architecture. Pour le test, j’utilise le fichier get_lang.php:

<?
    //PHP >= 5.2 requis ou PECL >= 1.2
    //versions antérieures développer la fonction json_encode()
    session_start();
    echo json_encode( array('lang' => $_SESSION['LANG']) )  ;
?>

Après ça, vous pouvez utiliser la variable lang n’importe où dans votre JavaScript. Toutefois, il n’est pas recommandé d’utiliser cette méthode trop souvent car l’affichage de votre site risque d’être ralenti.

Nous allons voir 2 méthodes pour créer dynamiquement des labels pour les boutons des boîtes de dialogue du framework jQuery UI. Cela s’avère utile pour les sites multilingues.

Méthode 1 :
On créé un tableau associatif en JavaScript:

 
if(fr) {
    var labelCancel = "Annuler" ;
    var labelAddl = "Ajouter" ;
}
if(en) {
    var labelCancel = "Annuler" ;
    var labelAddl = "Ajouter" ;
}
 
var buttons = {} ;
 
buttons[labelCancel] = function(){...} ;
buttons[labelAddl] = function(){...} ;
 
$('#dialog').dialog({ buttons: buttons });

Méthode 2 :
On modifie le contenu HTML des boutons :

 
$('#dialog').dialog({ 
    buttons: { 
        'Cancel' : function(){ ... } , 
        'Add' : function(){ ... } 
    }
});
 
if(fr){
    $(":button:contains('Cancel')").html("Annuler") ;
    $(":button:contains('Add')").html("Ajouter") ;
}

Si vous êtes freelance et que vous souhaitez faire de simples factures, je vous conseille le site : www.bonnefacture.eu

Ce site est une mini-application qui vous permet d’éditer des factures rapidement. Il vous faut tout d’abord créer un compte et ensuite vous pouvez créer des devis, des factures, des factures sans TVA, des factures saisie TTC et des avoirs.

Seul petit regret, ce système ne propose que 3 unités monetaires :Euro, Dollar U.S et la Livre Sterling.

WebKit dans version 2 intègre désormais la gestion de processus séparés (a split process model).

Pour rappel, WebKit est une bibliothèque open source permettant aux développeurs d’intégrer facilement un moteur de rendu de pages Internet dans leurs propres logiciels. Ce projet est utilisé par les navigateurs internet Safari et Google Chrome (et bien d’autres logiciels).

Revenons aux processus séparés. Le nouveau framework permet désormais d’exécuter le contenu Web (JavaScript, HTML, etc) dans des processus séparés. Le navigateur Google Chrome utilise déjà ce système mais dans une surcouche du framework. La nouveauté vient du fait que ce système est directement intégré dans WebKit. Il est donc accessible à tous les utilisateurs de WebKit.

Voici l’architecture du WebKit 2 :

Et voici une approche différente du multiprocessus utilisé par Google Chrome :

Cette nouvelle architecture vise à empêcher le plantage de l’application lorsque qu’un plugin est dans les choux.

Dans la guerre des navigateurs il n’y a aucun répit. Firefox, le butineur de la fondation Mozilla, se lance à son tour dans la séparation de processus avec sa version 3.6.3 en phase beta.

Vous pouvez tester les avancées de WebKit par ici.

Nous allons voir comment créer une boîte de dialogue basique avec la bibliothèque jQuery UI. Nombreux d’entre vous on dû se rendre compte qu’avec l’exemple donné sur le site de jQuery UI, la boîte de dialogue ne s’affiche qu’une seule fois.

Tout d’abord, il faut télécharger la librairie avec le thème qui vous convient par ici.

On insère les librairies dans le <head></head> :

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

On initialise la boîte de dialogue :

var maBoiteDeDialogue = $('#dialog') .html('<p>Ma boîte de dialogue</p>')
                                                          .dialog({ autoOpen: false, title: "dialog", width: 460 });
 
$('#open').click(function() { maBoiteDeDialogue.dialog('open'); });

Ensuite, il manque plus qu’un élément pour déclencher la boîte de dialogue (un lien hypertexte par exemple) :

<a id="open">Ouvrir la boîte de dialogue</a>

Le jeudi 8 avril Apple a présenté le nouvel opus de son téléphone phare : l’iPhone OS 4. La plupart des fonctionnalités attendues sont au rendez-vous.

Apple annonce plus de 100 nouvelles fonctionnalités utilisateurs dont :

La plus attendue et la plus réclamée reste certainement le multitâche. Il suffit de double-cliquer sur le bouton Home de l’appareil et un Dock apparaît en bas de l’écran avec toutes les applications lancer en parallèle. Le multitâche reste cependant limité à certains types d’application. A tester d’urgence!

Comme pressenti seuls les iPhones 3GS et les derniers iPod Touch bénéficieront de cette avancée, configuration oblige.

En tant que développeur la partie la plus intéressante pour moi reste le nouvel iPhone SDK 4 Beta disponible au téléchargement ici. Apple aurait implémenté 1500 nouvelles API pour tirer partie des nouveautés de son OS pour mobile. Des API spéciales sont fournies aux développeurs pour préserver la batterie.