Delayed-draggable-and-Delayed-sortable

Ajax Layer JavaScript DHTML


            
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


  
  script.aculo.us functional test
  
  
  
  
   var myStartEffect = function(element) {
     element._opacity = Element.getOpacity(element);
     new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7});
     new Effect.Highlight(element, {});
   }
  
  
   h1 {font-size: 1.2em; text-align:center;}
   li {
           margin: 5px auto;
           padding: 2px;
           width: 200px;
           text-align:center;
           list-style-type:none;
           border: 2px solid #779;
           background-color: #dde
   }
   div {
           margin: 5px auto;
           padding: 2px;
           width: 300px;
           text-align:center;
           border: 2px solid #797;
           background-color: #ded
   }
  


  No delay sortable

  
    one
    two
    three
  
  Delayed sortable (500 ms)

  
    one
    two
    three
  
  No delay draggable

  
    Lorem ipsum


  Delayed draggable (1000 ms)

  
    Lorem ipsum

    Sortable.create('sort1', {starteffect: myStartEffect});
    Sortable.create('sort2', {starteffect:myStartEffect, delay:500});
    new Draggable('drag1', {starteffect:myStartEffect});
    new Draggable('drag2', {starteffect:myStartEffect, delay:1000});




scriptaculous-js-1.6.4.zip( 139 k)