Ce blog a déménagé et parle maintenant uniquement anglais.

This blog has moved and now only speaks English.

blog.floriancargoet.com

See you there!

/home/florian

le blog de florian cargoet : du linux, du web et du logiciel libre



Categorie: Webdev

A propos du web, de son contenu, de ses outils...

Sous-catégories disponibles :

Regrouper les logs Firebug

2 September, 2009 (19:15) | Firebug, Notes, Webdev | Florian Cargoet

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

Eviter les erreurs dans les autres navigateurs dues à console.*

2 September, 2009 (19:14) | Firebug, Notes, Webdev | Florian Cargoet

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 :

?View Code JAVASCRIPT
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

ExtJS : Boutons à plusieurs icônes

29 August, 2009 (10:16) | Ext JS, Webdev | Florian Cargoet

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 »

[Update] ExtJS : Bouton asynchrone

16 August, 2009 (12:32) | Ext JS, Webdev | Florian Cargoet

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

ExtJS : bouton asynchrone

3 July, 2009 (23:28) | Ext JS, Webdev | Florian Cargoet

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 »

Position:absolute

25 June, 2009 (14:24) | Notes, Webdev | Florian Cargoet

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 »

ExtJS & GridPanel : style des lignes en fonction du contenu

12 May, 2009 (19:04) | Ext JS, Webdev | Florian Cargoet

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 »

En vrac

20 April, 2009 (20:24) | Webdev | Florian Cargoet

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.

Une liste alimentée automatiquement avec jQuery

5 March, 2009 (19:58) | jQuery, Webdev | Florian Cargoet

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 »

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

JSONP avec jQuery

19 February, 2009 (14:31) | jQuery, Webdev | Florian Cargoet

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 »