/home/florian

Pour vous y retrouver dans vos tonnes de lignes de sorties dans Firebug, il existe console.group !
Lire la suite »

Utiliser console.log, .debug et autres outils fournis par Firebug est très pratique mais cela génère des bugs dans les autres navigateurs, ce qui peut être très gênant… Pour éviter ça :

if (!window.console || !console.firebug)
{
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
    "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
 
    window.console = {};
    for (var i = 0; i < names.length; ++i)
        window.console[names[i]] = function() {}
}

Ma source

Voilà une nouvelle extension ExtJS. Elle permet à un bouton d’avoir plusieurs icônes qui sont permutées à chaque clic. Très utile pour un bouton toggle à deux états, on peut aussi l’utiliser pour un bouton cyclique avec autant d’états que l’on veut. Avant de regarder le code, vous pouvez jetter un oeil à la démo.

Lire la suite »

Petite mise à jour de mon extension ExtJS LoadButton…
Lire la suite »

Lorsqu’on crée un bouton avec ExtJS, par exemple un bouton de toolbar (xtype : ‘tbbutton’), on peut préciser un handler qui est une fonction à exécuter quand on clique sur le bouton. Comme il arrive que le handler soit une action asynchrone (avec un appel AJAX par exemple), j’ai réalisé une petite extension qui permet de remplacer l’icône d’un bouton par une icône de chargement pendant que le handler s’exécute. Avant de regarder le code, vous pouvez directement tester la démo.

Lire la suite »

J’oublie systématiquement comment faire pour que l’attribut position:absolute place l’élément par rapport à son conteneur et non par rapport à la page entière donc je l’écris ici une bonne fois pour toute.
Lire la suite »

Le GridPanel est un des composants phares de la librairie ExtJS. Il permet d’afficher une grille de données à la manière d’un tableur. Les données peuvent provenir de tableaux, de documents XML ou encore de données au format JSON. ExtJS transforme ces données en un DataStore qui contient une collection de Records. Ces Records sont utilisés par le GridPanel pour remplir chacune de ses lignes. ExtJS permet assez simplement de personnaliser le style des ces lignes en fonction des données stockées dans les Records.

Lire la suite »

De temps en temps, je rassemble ici quelques liens qui me semblent intéressants.
Cette catégorie En vrac n’est toujours pas un vrai vrac puisque je propose essentiellement des liens relatifs au JavaScript… Ca me passera

• Manuel Ext Core 3.0 : Ext 3.0 sort par petits bouts, en commençant par son coeur qui est une librairie à part entière. Voici le manuel pour en faire le tour.
• JazzRecord : une librairie pour faire du mapping objet-relationnel en JavaScript en s’appuyant sur ce qui est disponible sur le client (Gears, Air, Titanium et bientôt HTML5).
• Clone() en Javascript : de la différence entre la copie et la clonage d’objets.
• AjaxLoad : générateur d’indicateurs de chargement, très utile pour toute application Ajax.
• RepRap : une imprimante 3D sous GPL capable de se dupliquer en grande partie. Coup de coeur pour ce truc complètement délirant.
• Awesomium : une librairie C++ pour embarquer WebKit dans de la 3D. La vidéo de démo est impressionnante.

Vous pouvez retrouver tous ces liens sur ma page Del.icio.us.

Dans ce petit tutoriel sur jQuery, nous allons créer une liste dont les éléments seront mis à jour automatiquement. Ces éléments seront récupérés en AJAX¹ régulièrement et insérés avec une animation. On utilisera jQuery pour la partie cliente et PHP/MySQL pour la partie serveur. Vous pouvez tester tout de suite le résultat.
Lire la suite »

1. ou plutôt AJAJ, Asynchronous Javascript And JSON [↩]

Vous êtes certainement déjà au courant mais on ne peut pas faire d’appel Ajax sur un autre domaine que celui où tourne le script pour des raisons de sécurité. Si vous avez quand même besoin de récupérer des données cross-domain, il existe une technique : le JSONP (ou JSON with padding).
Un peu de théorie puis un cas pratique avec jQuery.
Lire la suite »