S
Stephen T. Fox
I have a test sample that I have been experimenting with for no particular
purpose other than learning something. I have published a sample here
http://www.stephenfox.us/test101104js.html to illustrate the problem.
<head><style type="text/css">
#houdini {position: absolute;
top: 0;
left: 0; }
</style>
</head>
<body>
<div id="houdini"><img src="images/houdini4_small.jpg" width="37"
height="37" alt="Houdini" />
<script type="text/javascript">
houdini.style.top = "250px"
houdini.style.left = "270px"
</script>
</div>
</body>
This works OK in IE, moving the image to the new coordinates, but in both
other browsers, the image is at top:0; left:0; . The error message reads
"houdini not defined" . I have been going through several tutorials, etc to
find out how houdini should be 'defined' and have come up blank.
I'm sure the solution is something very simple and I'd appreciate any help
you can offer.
Thanks.
purpose other than learning something. I have published a sample here
http://www.stephenfox.us/test101104js.html to illustrate the problem.
<head><style type="text/css">
#houdini {position: absolute;
top: 0;
left: 0; }
</style>
</head>
<body>
<div id="houdini"><img src="images/houdini4_small.jpg" width="37"
height="37" alt="Houdini" />
<script type="text/javascript">
houdini.style.top = "250px"
houdini.style.left = "270px"
</script>
</div>
</body>
This works OK in IE, moving the image to the new coordinates, but in both
other browsers, the image is at top:0; left:0; . The error message reads
"houdini not defined" . I have been going through several tutorials, etc to
find out how houdini should be 'defined' and have come up blank.
I'm sure the solution is something very simple and I'd appreciate any help
you can offer.
Thanks.