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
Where should I put script tags?
When would you use javascript closures?
What is the importance of javascript?
What are arrays in javascript?
What is the benefit of arrow functions?
What is scope chain in javascript?
What is the difference between the operators '==' and '==='?
What are self invoking functions?
What is the use of Void(0)?
How can a page be forced to load another page in javascript?
How to detect browser name using JavaScript?
How do you create array in javascript?
What is difference between local and global scope in javascript ?
How to Object.entries( ) In JavaScript ?
Why is javascript so popular?
