Archives du site

GWT : Application des styles


Nous avons maintenant une application qui fonctionne. Cependant elle n’est pas très jolie, nous allons lui ajouter des couleurs.
Style général
Dans un premier temps nous allons modifier le thème de l’application, c’est lui qui définira la tendance des couleurs. Ce thème se choisi dans le XML du module : GWTwitter.gwt.xml.
Le thème par défaut est le thème […]

Astuce : Utiliser un focus juste après un morph

J’ai eu un petit soucis l’autre jour par rapport à la connexion des utilisateurs sur un site. Je voulais afficher en fondu un cadre avec un identifiant et un mot de passe puis faire un focus() sur le champ « identifiant ».

$(‘ecran’).fade(1);
$(‘identifiant’).focus();

Le problème vient du fait qu’un focus ne peut se faire que si la case souhaitée est un minimum affichée.

Un diaporama JavaScript sur votre site

Slideshow

Les images sont un peu l’attraction d’un site Internet. Elles permettent de donner vie à du texte qui, même s’il est très intéressant, peu vite ennuyer et amener la fermeture de la page par l’internaute. Quoi de mieux alors qu’un diaporama, si possible attractif, comme vitrine de son établissement ou pour animer un book photo un peu triste.

Cependant, la plupart du temps quand on pense diaporama dynamique, on fait vite le rapprochement avec Flash qui peut vite compliquer la tâche pour les non connaisseurs. Que nenni, JavaScript et l’un de ses Framework Mootools couplé à des classes toutes faites vont faire le travail pour vous (ou presque).

Formulaire de contact avec PHPMailer

Formulaire de contactLe formulaire de contact est le premier et le plus simple moyen de communication entre un client et le propriétaire du site. Que ce soit sur un blog pour demander un article à l’administrateur ou sur un site professionnel pour demander un devis, le formulaire de contact se doit d’être simple à remplir et surtout sécurisé pour pouvoir faire le tri entre clients et spams.

Dans cet article nous mettrons en place un formulaire très simple : nom, prénom, @mail, sujet, message. Nous y mettrons un peu d’AJAX pour le rendre plus réactif. La vérification des champs sera très simple : syntaxe mail pour le champ @mail et vérification des caractères [a-z._-] pour les autres champs. Ce qui nous assurera un formulaire sécurisé au niveau des injections de la fonction mail().

Testez les articles en ligne

Suite à la demande d’un lecteur intéressé (Axel DOUX, pour le citer), j’ai le plaisir de vous annoncer que vous pouvez dès à présent tester les articles écris sur ce blog directement en ligne.

Faire un interrupteur avec Mootools

Interrupteur On/OffCet article peut paraître d’un intérêt limité et en effet, je l’écris suite à une demande formulée par un lecteur de ce blog qui crée un site pour un électricien.

Cet article nécessite l’utilisation d’un addon Color de Mootools.

La classe Mootools à utilisé pour réaliser cet interrupteur a été développée par mes soins. Vous pouvez la télécharger, la modifier et l’utiliser comme bon vous semble.[…]