Event Filtering

filter for use in ordering calendar events

by kryman

HTML

<script>

</script>

CSS

.redBox {
  position : relative;
  background-color: red;
  height : 30px;
  width : 20px;
  margin: 10px;
}

JavaScript

// execution code
var box1 = document.createElement("div");
box1.className = "redBox";
box1.unit = "a";
document.body.appendChild(box1);

var box2 = document.createElement("div");
box2.className = "redBox";
box2.unit = "a";
document.body.appendChild(box2);

var box3 = document.createElement("div");
box3.className = "redBox";
box3.unit = "b";
document.body.appendChild(box3);

var box4 = document.createElement("div");
box4.className = "redBox";
box4.unit = "b";
document.body.appendChild(box4);

// global variables
var globalCalendarEventNodeList = document.getElementsByClassName("redBox");

var globalCalendarEventArray = [];

for(var i = globalCalendarEventNodeList.length; i--; globalCalendarEventArray.unshift(globalCalendarEventNodeList[i]));

var rowCalendarEventsArray = [];


// functions
function getRowCalendarEvents (_eventsArray,_unitValue) {
	return _eventsArray.filter(function(_calendarEvent) {
  	return _calendarEvent.unit == _unitValue;
  }); 
}

function onMouseDblClick () {
rowCalendarEventsArray = getRowCalendarEvents(globalCalendarEventArray,"a");
alert(globalCalendarEventNodeList.length);
alert(globalCalendarEventArray.length);
alert (rowCalendarEventsArray.length);
}


// event listeners
window.addEventListener("dblclick",onMouseDblClick,false);