Lets make a JavaScript Framework - VOZ

by rajeshpillai

JavaScript

(function(){  

  var VOZ = {
            
        elems:[],
            
        
//Verify when the DOM is ready.
//Callback is the anonymous function to execute when the dom is ready
domReady:function(callback){
  var done = false; //Create a variable called done with false as value;
  //Checking every 10 milliseconds if the document.body and document.getElementById are ready to work with them
  //If the they are ready to work then we change done to true;
  var checkLoaded = setInterval(function(){ if(document.body && document.getElementById){done = true;}},10);
  //Checking every 10 milliseconds if done == true
  //If it is true then execute the callback
  var checkInter = setInterval(function(){if(done){clearInterval(checkLoaded);clearInterval(checkInter);callback();}},10);
},
                
//Get Elements By Id 
getById:function(){
  var elems = [];
  for(var i = 0;i<arguments.length;i++){
      if(typeof arguments[i] === 'string'){
           elems.push(document.getElementById(arguments[i]));
      }
  }
  this.elems = elems;
  return this;
},

//Get Elements By Name
getByName:function(name){
  var elems = [];
  for(var i = 0;i<arguments.length;i++){
      if(typeof arguments[i] === 'string'){
         var e = document.getElementsByName(arguments[i]);
         for(var j=0;j<e.length;j++){
             elems.push(e[j]);
          }
     }
  }
  this.elems = elems;
  return this;
},

//Get Elements By TagName
getByTag:function(){
  var elems = [];
  for(var i = 0;i<arguments.length;i++){
      if(typeof arguments[i] === 'string'){
         var e = document.getElementsByTagName(arguments[i]);
         for(var j=0;j<e.length;j++){
             elems.push(e[j]);
         }
      }
  }
  this.elems = elems;
  return this;
},

//Get Elements By ClassName
getByClass:function(name,type,parent){
  var elems = [];
  var pattern = new RegExp("(^| )" + name + "( |$)");
  var e = (parent || document).getElementsByTagName(type || '*')
  for(var i=0;i<e.length;i++){
    ...