Web Hosting Talk






PDA

View Full Version : Need help de-bugging

globalgoods
06-21-2007, 01:37 AM
<html>
<head>
</head>
<body>
<img src="shoe.jpg" id="foot" style="position: absolute; float: none;" />
<img src="bug.jpg" id="bug" style="position: absolute; float: none;" />
<img src="bugdead.jpg" id="bugd" style="position: absolute; float: none;" />
<script type="text/javascript">
getElementById("bug").style.left = "50px";
getElementById("bug").style.top = "50px";
getElementById("foot").style.visibility = "hidden";
getElementById("bugd").style.visibility = "hidden";

var bugx=parseInt(getElementById("bug").style.left);
var bugy=parseInt(getElementById("bug").style.top);
getElementById("bug").style.left = (bugx - 50) + "px";
getElementById("bug").style.top = (bugy - 50) + "px";

var xs=new Array(1,2,3,4,5,6,7,8,9,10,11,12,13)
var ys=new Array(2,3,4,5,6,7,8,9,10,11,12,13,14)

getElementById("bug").style.left = bugx + "px";
getElementById("bug").style.top = bugy + "px";

var index=0;
while (index<=14)
{
getElementById("bug").style.left = xs[index] + "px";
getElementById("bug").style.top = ys[index] + "px";
index++;
}
getElementById("bug").style.left = "100px";
getElementById("bug").style.top = "100px";

</script>
</body>
</html>



None of the Javascript does anything it seems...
It is supposed to animate a fly/bug..

any ideas?
Xenatino
06-21-2007, 08:26 AM
getElementById() should be document.getElementById().

Or to avoid repetition


<html>
<head>
</head>
<body>
<img src="shoe.jpg" id="foot" style="position: absolute; float: none;" />
<img src="bug.jpg" id="bug" style="position: absolute; float: none;" />
<img src="bugdead.jpg" id="bugd" style="position: absolute; float: none;" />
<script type="text/javascript">

var bug = document.getElementById("bug");
bug.style.left = "50px";
bug.style.top = "50px";
getElementById("foot").style.visibility = "hidden";
getElementById("bugd").style.visibility = "hidden";

var bugx=parseInt(bug.style.left);
var bugy=parseInt(bug.style.top);
bug.style.left = (bugx - 50) + "px";
bug.style.top = (bugy - 50) + "px";

var xs=new Array(1,2,3,4,5,6,7,8,9,10,11,12,13)
var ys=new Array(2,3,4,5,6,7,8,9,10,11,12,13,14)

bug.style.left = bugx + "px";
bug.style.top = bugy + "px";

var index=0;
while (index<=14)
{
bug.style.left = xs[index] + "px";
bug.style.top = ys[index] + "px";
index++;
}
bug.style.left = "100px";
bug.style.top = "100px";
</script>
</body>
</html>
globalgoods
06-21-2007, 02:17 PM
wow amazing!! thank you SOOOOOOOOOOOOOOOOOOOO MUCH :)