Ajax Layer JavaScript DHTML

http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999


DynAPI Examples - DynLayer Drag-n-Draw 


  dynapi.library.setPath('./dynapisrc/');
  dynapi.library.include('dynapi.api');
  dynapi.library.include('dynapi.api.ext.DragEvent');


  var l1 = new Array();
  var counter = 0;
  var clicked = false;
  var color = 'black';
  var into = false;
  dynapi.document.setTextSelectable(false);
  var docMouseUp = {
    onmouseup : function(e){
      clicked = false;
    }
  }
  var gridMouseListener =  {
    onmouseover : function(e) {
      if(clicked==true) {
        var s = e.getSource();
        s.setBgColor(color);
      }
    },
    onmouseout : function(e) {
      into = false;
    },
    onmousedown : function(e) {
      var source = e.getSource();
      source.setBgColor(color);
      clicked = true;
    },
    onclick : function(e) {
      var s = e.getSource();
      s.setBgColor(color);
    },
    onmouseup : function(e) {
      clicked = false;
    }
  };
  var lines = 0;
  var constspace = 80;
  for(counter=0; counter < 200;counter++) {
    if((counter%20==0) && counter!=0) {
      lines++;
    }
    l1[counter] = new DynLayer();
    l1[counter].setBgColor('gray');
    l1[counter].setSize(30, 30);
    l1[counter].setLocation(50+((counter%20)*30), 30*lines+constspace);
    l1[counter].addEventListener(gridMouseListener);
    dynapi.document.addChild(l1[counter]);
  }
  dynapi.document.addEventListener(docMouseUp);
  function setColor(col) {
    color = col;
  }





  
     
    
white
       
     
    
black
    
     
    
green
       
     
    
yellow
       
     
    
blue
       
     
    
red
       
  
  
    Select a color then click and draw inside the gray area
  


    




           
       
dynapi.zip( 791 k)