how to create a moving div?

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


Please Help Members By Posting Answers For Below Questions

How can you create an Object in JavaScript?

663


What is class example?

580


Basic methods for opening a popup window using javascript?

570


Which company developed JavaScript?

675


How to define a named function in JavScript?

622






What is a class in javascript?

570


How do you declare javascript?

609


How to hide javascript code from old browsers that dont run it?

604


What is argument objects in javascript?

570


what is a code in vb amount display in words

1429


Do I need var in javascript?

570


Why javascript is not secure?

560


What makes something a function?

586


How to handle exceptions in JavaScript?

580


What are screen objects?

594