Answer Posted / mangala
Creating the moving DIV :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en">
<head>
<style type="text/css">
</style>
<script type="text/javascript">
function moveDiv()
{
var the_style = getStyleObject("myDiv");
var the_left = parseInt(the_style.left) + 100;
var the_top = parseInt(the_style.top) + 100;
if (document.layers)
{
the_style.left = the_left;
the_style.top = the_top;
}
else
{
the_style.left = the_left + "px";
the_style.top = the_top + "px";
}
}
function getStyleObject(objectId) {
// cross-browser function to get an object's style
object given its
if(document.getElementById &&
document.getElementById(objectId)) {
// W3C DOM
return document.getElementById(objectId).style;
} else if (document.all && document.all(objectId)) {
// MSIE 4 DOM
return document.all(objectId).style;
} else if (document.layers && document.layers[objectId]) {
// NN 4 DOM.. note: this won't find nested layers
return document.layers[objectId];
} else {
return false;
}
} // getStyleObject
// -->
</script>
</head>
<body>
<a href="#" onClick="moveDiv(); return false;">move the div</a>
<div id="myDiv"
style="position:absolute;top:50px;left:10px;"><img
src='move.gif'/>
</div>
</body>
</html>
| Is This Answer Correct ? | 2 Yes | 3 No |
Post New Answer View All Answers
What is the difference between a web-garden and a web-farm?
What is rest parameters in javascript?
What is primitive data type in javascript?
List html dom mouse events?
What is the disadvantage of javascript?
What is the difference between .call() and .apply()?
Some XYZ company is arranging for online aptitude tests. Draw detailed E-R diagram for the same..
What are the ways to define a variable in javascript?
Is javascript frontend or backend?
What is the difference between ‘function declaration’ and ‘function expression’?
Which operator is used to assign a value to a variable?
What’s a way to append a value to an array?
What is closure? Give an example.
What do “1”+2+4 evaluate to?
How do we get javascript onto a web page?