I am trying to change the style(Position of an image) with a
function.This code worked a month ago and I dont know what I changed
I'm only showing the relevant code. One image is superimposed on
another.
>From The html file:--------------------------------------------------------------------
<script type="text/javascript">
function changenote(elem ent) {
alert ("This Function is being Called");//Checking to see if the
function gets called, it does
var p = document.getEle mentById(elemen t);
p.style.top =30;
p.style.left=30 ;
}
</script>
.......
<div id="GridBlock"> <img alt="Blank Grid" src="crdgrid4.g if"
class="GridLayo ut" id="grid1" />
<img id="E"src="Root .gif" alt="none" class="Circle"
style="visibili ty:visible"></img>
<img id="A"src="Root .gif" alt="none" class="Circle"
style="visibili ty:hidden"></img>
<img id="D"src="Root .gif" alt="none" class="Circle"
style="visibili ty:hidden"></img>
<img id="G"src="Root .gif" alt="none" class="Circle"
style="visibili ty:hidden"></img>
<img id="B"src="Root .gif" alt="none" class="Circle"
style="visibili ty:hidden"></img>
<img id="e"src="Root .gif" alt="none" class="Circle"
style="visibili ty:hidden"></img>
</div>
..........
<td id="NoteA" width="22" class="Cellstyl e"
onclick="change note('E')"><a href="">A</a></td>
----------------------------------------------------------------------------
>From the Css:..Circle {
position: absolute;
top: 63px;
left: 20px;
}
I am trying to change the position of "Root.gif" when I click the link
in the cell with id+"NoteA".
But nothing is changing.
Thanks
Mike