Brico-Info - le blog de Bruno CATTEAU

Aller au contenu | Aller au menu | Aller à la recherche

mardi 23 mai 2006

AJAX : comment gerer les favoris et la navigation du navigateur (retour et suivant)

L'AJAX va de pair avec le non rechargement de la page, mais pas la non navigation. Mais si on navique sans changer de page, alors on a pas d'historique. Et si on clique sur BACK, on pert tout !

Seulement, Gmail gère ce bouton BACK, et ce n'est pas le seul, alors pourquoi pas nous ? mais pas si simple...

Un framework qui porte bien son nom se propose de gerer le problème pour nous : RSH pour Really Simple History (genre RSS...)

Un tutorial complet est aussi disponible sur le site de onjava.com

J'ai mis à disposition les exemples sur ce blog parce qu'ils ont oublié de placer une librairie js...


On a une explication de comment marche cette gestion du back ici : de façon différentes selon les navigateurs (d'ailleurs, pas sur Safari).

Les ingrédients sont :

  • Iframes cachées,
  • Timers
  • Champs de formulaire cachés

[24/05/2006] Les exemples doivent être executés avec une adresse en "http://" et non "file:///" . Il faut donc avoir un serveur web.

jeudi 4 mai 2006

Formation AJAX

Je vais coanimer une formation AJAX de deux jours avec Nicolas FAUGOUT le 16 et 17 mai 2006. La session est complète, mais si vous êtes interessés, la prochaine est programmée le 22 et 23 juin. Faites vite, les inscriptions sont déjà ouvertes. Consultez le programme, ça va être que du bonheur !

Mise en place des outils nécessaires au développement AJAX (0,5 jour)

Présentation d’AJAX et de l’objet XmlHTTPRrequest
Les concepts d’Ajax
Quelques exemples (GMail, GMaps, Meebo)
Le protocole HTTP pour Ajax
L’objet XmlHTTPRequest

Redécouverte de Javascript
Rappels sur le langage
Concepts de la programmation orientée objet prototypé
Présentation d’un framework Ajax

Apprentissage du modèle DOM et des CSS avancés
Initiation à l’arbre DOM à l’aide de l’inspecteur DOM
Manipulation du modèle à partir de Javascript
Construction d’une feuille de style enrichie

Cas pratique – réalisation d’un portail (1,5 jours)

Création d’un template « bloc de contenu »
Maquette HTML du template
Habillage CSS du bloc
Ajout de fonctionnalités avec DOM et Javascript
Connexion Ajax avec le serveur

Création des outils connexes
Fonction « ajouter du contenu »
Texte éditable en ligne (titre de la page, favoris, « to do list »)
Déplacement des blocs
Connexion des blocs à des services (Flickr, Google API, Météo, flux RSS)

Mise en oeuvre du portail
Maquette HTML du portail
Instanciation des blocs par défaut
Mode connecté (utilisation d’un annuaire)
Implémentation de la procédure d’identification (stockage en base de donnée)

Pour plus de renseignements : la formation AJAX, le programme, la société LUCCA.

 

mardi 2 mai 2006

Google maps débarque en France.

On l'attendait depuis juillet 2005, Voilà la cartographie de toute une partie de l'europe qui est en ligne depuis peu.

http://maps.google.fr/

Avec des rollovers qui representent des zoom (ou des dézoom) de l'adresse choisie. Ca me fait penser à des choses ça... mais c'est pour une autre fois.

Une petite fenêtre de navigation très bien faite est apparue en bas à droite de la carte.

[03/05/2006] La qualité des images sur Paris a été énormément améliorée, on peut maintenant voir les voitures et les personnes.

jeudi 13 avril 2006

C'est parti pour Google calendar

http://www.google.com/calendar

Voilà quelques captures d'un remplissage un peu sauvage pour tester la bête...

Et elle réagit plutôt bien ! En fait sur le planning mensuel, 4 rendez-vous maximum sont affichés par mois ce qui permet de soulager l'affichage...

Tous les rendez vous affichés sont gardés en mémoire locale et se réaffichent immédiatement en cas de retour sur une période déjà demandée. Pour constaté cette mécanique (qui fait la force de ce genre d'appli) il suffit de faire "période suivante". Si vous n'y êtes jamais allés alors vous aurez un petit "loading..." en haut à droite, sinon, rien...

 

mercredi 15 mars 2006

Google CL2

On en entend beaucoup parler, voilà quelques captures écrans non trafiquées trouvées par Techcrunch de la future application de Google : l'agenda.

Lire la suite...

- page 1 de 2