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

logo

Alt-I, des informations alternatives

Alt-I est un blog traitant d'informatique généraliste et de cultures alternatives.

mercredi, 22 août 2007

Annuler le changement de page

Ahah !! Je l'ai enfin trouvé cet événement javascript ! Ça faisait un moment que je le cherchais mais que je n'en voyais pas la queue ! Je parle de l'event qui permet d'afficher un dialogue de confirmation lors du changement de page, ceci afin d'éviter de perdre le contenu d'un formulaire par exemple.

Et bien cet événement js, ce n'était simplement que onbeforeunload !!

On met ça en place de la façon suivante :

window.onbeforeunload = function(){return 'Votre Message';}

Pour l'essayer, , puis essayez de partir d'ici ;)

EDIT : J'ai trouvé comment faire fonctionner le bouzin IE… Il faut placer l'événement non pas sur window, mais sur body… Merci Microsoft encore de respecter les normes…

document.body.onbeforeunload = function(){return 'Votre Message';}

Il faut mettre les deux car pour les vrais navigateurs, ça reste dans window. On est habitué au code en double…

Vous pouvez essayer en cliquant sur le bouton

samedi, 11 août 2007

Fin des inscriptions au Cascading Style Summer Refresh 2007

Voilà, les inscriptions ont été cloturées cette nuit à minuit. Heureusement, Hadrien.eu est inscrit depuis le 27 Juillet ;) Je compte sur vous pour voter pour moi \o/

Hadrien.eu

lundi, 6 août 2007

Nouvelle version de YUI (2.3.0)

YUIYAHOO nous offre une nouvelle version de YUI (YAHOO User Interface) qui passe donc au numéro 2.3.0 \o/

Cette nouvelle version apporte 250 corrections de bugs et améliorations mais surtout de nouveaux éléments !!!

  • Rich Text Editor (beta) : La nouvelle classe YAHOO.widget.Editor propose d'ajouter en tout simplicité un éditeur de texte WYSIWYG du même style que FCKEditor ou TinyMCE. D'après la démo que j'ai essayé, il a l'air carrément mieux que ces précédents ! Très prometteur !!
  • Base CSS : Le pack de CSS comporte maintenant Reset CSS qui permet de supprimer tout les styles par default de tout les navigateurs. Bon, là, je suis pas trop partisan de cette idée, mais ça plaira à certain…
  • YUI Loader (beta) : La nouvelle classe YAHOO.util.YUILoader permet de charger des modules à la volée. Du coup, on ne charge plus que le loader au début du script. Ensuite, en cours de script on appelle l'un ou l'autre module dont on a besoin (colorpicker, treeview…) et il seront chargé seulement s'ils ne le sont pas déjà. Ça peut être bien pratique.
  • ImageLoader (expérimental) : YAHOO.util.ImageLoader permet de programmer le chargement des images dans la page. Avec cette classe, on peut déterminer que telles images qui ne sont pas forcément visibles au début ne seront chargées que quand on en aura besoin. Cela permet donc d'accélérer le chargement de la page.
  • Color Picker Control (beta) : YAHOO.widget.ColorPicker est un outil pour sélectionner facilement une couleur dans une palette.
  • Test Utility (beta) : Voilà une classe très intéressante et très attendue ! YAHOO.tool.TestCase permet de réaliser des tests unitaires sur vos scripts. Je vais m'y pencher dès demain et vous faire un petit tutorial sur son utilisation.

Pour finir, cette nouvelle version de YUI sera plus facilement skinnable et pour le prouver, un nouveau thème par defaut plus agréable est fourni (voir screenshot).

samedi, 21 juillet 2007

Hadrien.eu V2

Je viens de mettre en ligne la version 2 de ma home page : Hadrien.eu !

Même si le contenu est pas forcément très intéressant (CV, screenshots de créations web, etc), le site reste à voir de par sa conception. Réalisé en Ajax à l'aide de YUI, ce site est digne d'une animation flash avec l'accessibilité en plus. Je vous invite à y jeter un œil ;)

Hadrien.eu V2

EDIT : Hadrien.eu a été sélectionné pour participer au Concours Cascading Style Summer Refresh 2007 \o/ Je vous préviendrais pour venir voter en masse pour lui ;)

lundi, 16 juillet 2007

Complément sur JSON

En complément de l'article sur JSON, voici une petite méthode récursive à laquelle je viens de réfléchir pour explorer les tréfonds d'un objet JSON. C'est cadeau :)

var test = {
	truc : {
		truc1: 1,
		truc2: 2,
		grosTruc: {
			truc1: 3,
			truc2: 4
		}
	},
	muche : {
		muche1: 1,
		muche2: 2,
		grosMuche: {
			muche1: 3,
			muche2: 4
		}
	}
};

var foreach = function (obj)
{
	for (i in obj)
	{
		if (typeof obj[i] == 'object')
		{
			foreach(obj[i]);
		}
		else
		{
			window.console.log(i + ' - ' + obj[i]);
		}
	}
}
foreach(test);

Résultat :

  • truc1 - 1
  • truc2 - 2
  • truc1 - 3
  • truc2 - 4
  • muche1 - 1
  • muche2 - 2
  • muche1 - 3
  • muche2 - 4

- page 2 de 4 -