calculate div position

Posted in Computers, HTML/CSS, Web Development

Tagged with javascript

After trying out loads of ways to find out the position of div in web page I found this be the best code
function getPosition(obj){
var topValue= 0,leftValue= 0;
while(obj){
leftValue+= obj.offsetLeft;
topValue+= obj.offsetTop;
obj= obj.offsetParent;
}
finalvalue = {'left': leftValue, 'top' : topValue};
return finalvalue;
}

In order to use this just use the following

var curPos = getPosition(document.getElementById('divInQuestion'));
curPos.left is the postion left and curPos.top is the top position

(1 votes, average: 5.00 out of 5)

 Loading ...

Javascript game engine for jQuery

Posted in Computers, Web Development

Tagged with javascript,jquery

gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. It’s still in an early stage of development and may change a lot in future versions. The project has a Google Code page where the SVN repository of the project is hosted and a twitter page where you can follow the daily progress of the development.

(No Ratings Yet)

 Loading ...

Pixlr

Posted in Web Development

found this very nice online image editor.

Give it a try

(1 votes, average: 5.00 out of 5)

 Loading ...

very nice article on color theory

Posted in HTML/CSS

Tagged with design

Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on. And there’s a lot to it. Something as simple as changing the exact hue or saturation of a color can evoke a completely different feeling. Cultural differences mean that something that’s happy and uplifting in one country can be depressing in another.

Read More

(1 votes, average: 4.00 out of 5)

 Loading ...

aron – new photos

Posted in General

Tagged with aron

(1 votes, average: 5.00 out of 5)

 Loading ...