Regrouper les logs Firebug
Pour vous y retrouver dans vos tonnes de lignes de sorties dans Firebug, il existe console.group !
Lire la suite »
Ce blog a déménagé et parle maintenant uniquement anglais.
This blog has moved and now only speaks English.
See you there!
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() {} } |
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.
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.
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.
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
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 AJAX1 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 »
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 »