Outils pour utilisateurs

Outils du site


cours2007:poo1:tp:slider2

Slider (suite)

Finir le TP précédant

Liens comme actions

Modifier le code HTML comme suit :

À quoi cela sert ?

utiliser Event.preventDefault pour rendre les liens inopérants (pas de changement dans la barre d'adresse).

  qui_ou_selecteur.addEvent('click',function(e) {
    var e = new Event(e);
    e.preventDefault();
    // Rq: Pour tester avec FireBug
    console.log(e);
    // code ...
  });

Liens comme actions

Modifier le code HTML comme suit :

Utiliser un seul gestionnaire d'événement :

$('navigation').addEvent('click',function(e) {
    var e = new Event(e);
    e.preventDefault();
    // Rq: Pour tester avec FireBug
    console.log(e);
    console.log(e.target);
    // Code ...
});

Combiner avec :

Cross-Fading

Attention, le code qui suit n'est pas à utiliser avec les questions précédentes !!!

Changer la CSS en :

Changer l'opacité pour modifier l'écran afficher.

cours2007/poo1/tp/slider2.txt · Dernière modification: 2008/08/30 22:00 (modification externe)