how to create a moving div?



how to create a moving div?..

Answer / 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

More JavaScript Interview Questions

Name some of the JavaScript features?

0 Answers  


How to trigger a postback on an updatepanel from javascript?

0 Answers  


How do you reverse a string in javascript?

0 Answers  


How to calculate fibonacci numbers in javascript?

0 Answers  


What is class example?

0 Answers  






What are the different objects used in javascripts?

0 Answers  


Define closure.

0 Answers  


What is the role of javascript in html?

0 Answers  


What is isnan in javascript?

0 Answers  


How to toggle display an html element?

0 Answers  


Explain “use strict” ?

0 Answers  


How to get value of an element by class in javascript ?

0 Answers  


Categories