Outils pour utilisateurs

Outils du site


cours2007:poo1:td:analyse_js

Analyse HTML / JavaScript

Exemple menu HTML

<ul id="menu">
    <li><a href="#">test 1</a></li>
    <li><a href="#">test 2</a></li>
    <li><a href="#">test 3</a></li>
</ul>

Travail : Représenter sous forme d'arborescence le code HTML

A rendre pour lundi 28 Avril : Représenter sous forme d'arborescence le code de votre menu CSS.

#menu li a {
   display:block;
   margin: 0;
   font-size:20px;
   background-color:#5E994C;
}

Exemple menu JS

window.addEvent('domready', function(){
  var menuElements = $$('#menu li a');
  menuElements.setStyles({'font-size':'20px','color':'#0000FF'});
  menuElements.each(function(element) {
    var fx = new Fx.Styles(element,{duration: 500,transition: Fx.Transitions.Quad.easeInOut,wait:false});
    element.addEvent('mouseenter',function() {
      fx.start({'font-size':'60px','color':'#FF0000'});
    });
    element.addEvent('mouseleave',function() {
      fx.start({'font-size':'20px','color':'#0000FF'});
    });
  });
});

Travail : Analyser le code comme dans le cours

A rendre pour lundi 28 Avril : Faire le même travail pour le code suivant

window.addEvent('domready', function(){
 
  function generateur (base) {
    var valeur = 1;
    function iterateur() {
      valeur = valeur * base;
      return valeur;
    }
    return iterateur;
  }
 
  var iterateur2 = generateur(2);
 
  $('iter2').addEvent('click',function() {
    $('message2').setText(iterateur2());
  });
});
cours2007/poo1/td/analyse_js.txt · Dernière modification: 2008/04/24 22:00 (modification externe)