Saturday, March 31, 2012

How to get page width & height (cross-browsers) with javascript

I spent many hours trying & searching for a stable function working fine across the different browsers and at last i found this code which i can say it's amazing code, type of my favorite way in writing down coding (simple & effective).
This function worked fine and tested on

  • IE 6, 8, 9
  • Opera 11.62
  • FF 11.0
  • Chrome 19.0.1084.1 dev-m
  • Safari 5.1.5
  • Comodo Dragon 18.0
  • Avant browser ultimate 2012 build 28

function GetPageXY() {

var PositionXY = { Width: 0, Height: 0 };
var db = document.body;
var dde = document.documentElement;
PositionXY.Width = Math.max(db.scrollTop, dde.scrollTop, db.offsetWidth, dde.offsetWidth, db.clientWidth, dde.clientWidth);

PositionXY.Height = Math.max(db.scrollHeight, dde.scrollHeight, db.offsetHeight, dde.offsetHeight, db.clientHeight, dde.clientHeight);

return PositionXY;
}

Reference:
Get document height (cross-browser)    James Padolsey

Wednesday, March 7, 2012

Adding HTML5 Drag and Drop to SharePoint Lists

Microsoft SharePoint is an enterprise platform with a long history and vast variety of features, which is why it can’t always react quickly enough to follow emerging Web technology trends. Despite a wide enterprise adoption of SharePoint and a huge effort to provide a broad number of features, SharePoint still lags behind modern CMS products in terms of immersive UIs, such as HTML5 and CSS3.
Continue Reading on MSDN Magazine