Golgappa.net | Golgappa.org | BagIndia.net | BodyIndia.Com | CabIndia.net | CarsBikes.net | CarsBikes.org | CashIndia.net | ConsumerIndia.net | CookingIndia.net | DataIndia.net | DealIndia.net | EmailIndia.net | FirstTablet.com | FirstTourist.com | ForsaleIndia.net | IndiaBody.Com | IndiaCab.net | IndiaCash.net | IndiaModel.net | KidForum.net | OfficeIndia.net | PaysIndia.com | RestaurantIndia.net | RestaurantsIndia.net | SaleForum.net | SellForum.net | SoldIndia.com | StarIndia.net | TomatoCab.com | TomatoCabs.com | TownIndia.com
Interested to Buy Any Domain ? << Click Here >> for more details...


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

What is the function of javascript?

0 Answers  


how to post the form without submit button with help of javascript

2 Answers  


What are the basic groups of dataypes in JavaScript?

0 Answers  


What is webassembly good for?

0 Answers  


What is the difference between typeof and instanceof operators in Javascript?

0 Answers  


What are the distinct types of error name values?

0 Answers  


how to create a moving div?

1 Answers  


How would you compare two objects in JavaScript?

0 Answers  


Explain the working of timers in javascript?

0 Answers  


What is difference between api and library?

0 Answers  


What is the real name of JavaScript?

0 Answers  


What is undefined x 1 in JavaScript?

0 Answers  


Categories