Dator Blog

Qui ne sais jamais demander si on pouvais envoyer un formulaire sur un page PHP sans rechargement de page ? Moi le premier j’ai toujours rechercher cela mais la plupart du temps cela n’était pas fiable ou pas pratique à utiliser.

Prototype la fait (bien d’autre framework aussi, mais je m’y connais un peu plus en prototype).

Nous allons donc voir, dans ce billet, comment utiliser certaines action de prototype pour agir sur nos formulaires HTML.

Lire le reste de cet article »

• 5 commentaires

Depuis quelque temps je vous parle d’un framework Javascript que j’affectionne tout particulièrement pour sa flexibilité et sa « simplicité» .

Je vous ai montrer comment utiliser quelque éléments déjà intégré à cette librairir mais aujourd’hui nous allons apprendre comment créer ses propres classes avec Prototype.

Et cela a été très bien pensé, en quelque ligne de code nous pouvons créer nos classes avec une simplicité déconcertante. Le but de créer ses propres classes est de pouvoir agir sur des éléments que vous avez besoin pour votre site internet et qui interagisse entre eux.

Ce billet n’est pas là pour faire un rappel de la programmation objet mais uniquement pour vous montrer la simplicité de la réalisation de cette technique de programmation de plus en plus utilisé dans le monde de l’informatique.

Lire le reste de cet article »

• 0 commentaire

Bonjour à tous !

Le second screencast de Dator.fr est déjà là ! Grâce à celui-ci vous aller apprendre à créer une pagination en ajax en utilisant Prototype, PHP, SQL et Ajax !

La vidéo se trouve ici

N’hesitez pas à me dire ce que vous en pensez et surtout me dire si vous n’avez pas compris quelque chose, les commentaires sont la !

Bon « visionnage»  de vidéos !

PS : Je crois que le son n’est pas super bon…

Edit : Voici les sources complètes

• 38 commentaires

Le premier screencast de Dator.fr est arrivé ! Je vais vous expliquer comment utiliser Prototype, Scriptaculous, PHP et une base de données pour réaliser un moteur de recherche en Ajax !

Tout est expliqué dans la vidéo que je viens de finir, je vous explique comment paramétrer le javascript afin de pouvoir envoyer des requêtes AJAX.

La vidéo est ici !

Je vous laisse me dire si ce screencast est réussi … ou pas. Si vous préférez les tutoriaux écrits plutôt que vidéos ? enfin tout ce que vous voulez !

Bonne vidéo et bon développement à tous !

• 20 commentaires

Voici une question que je me suis toujours posé : Comment savoir si la personne a le javascript activé sur son navigateur ?

Aujourd’hui, en farfouillant dans les balises HTML que mon éditeur de code me propose, je suis tombé sur la balise noscript et elle correspond parfaitement à mes (vos) attentes.

En effet, cette simple balise html permet de contenir du code (x)HTML qui ne sera vu que si l’internaute utilise un navigateur ne prenant pas en charge le javascript . Pas mal non?

Encore plus fort, vous voulez rediriger la personne qui n’a pas de javascript sur son navigateur (ouh !!) sur une page internet l’informant que son navigateur est corrompu . Rien de plus simple, il suffit de mettre ce petit bout de code dans les balises noscript :

Néanmoins ce système n’est pas valide xHTML. Pour qu’il soit valide, il faut déclarer la balise <noscript> dans le body et par exemple afficher un paragraphe qui précise que votre site fonctionne avec du javascript.

Et voila !

• 6 commentaires

Aujourd’hui je vais vous présenter une librairie Javascript (et oui … encore !).
Il s’agit de LightBox, le plugin de référence pour vos images.

En faite cette librairie permet d’ajouter, sur les liens des agrandis de vos images, un effet d’agrandissement sur la même page.

Cette librairie fonctionne sur la base de Prototype et de Scriptaculous (2 librairies que je vous ai déjà présenter précédemment).

Voici un exemple

Comme tu as pu voir, l’effet proposé fait très professionnel et en plus si vous avez une galerie d’image, tu vas voir apparaitre « Suivant»  ou « Précédent»  pour naviguer entre les images.

Lire le reste de cet article »

• 1 commentaire