<td><img src="i.jpg" onclick="alert(this.style.left)"></td>

**muazzez** · Jun 21, 2007 07:27

Code:

<style type="text/css">
img { width: 100px; height:100px;}
</style>
<body>
<table>
<tr>
<td><img src="a.jpg"></td><td><img src="b.jpg"></td><td><img src="c.jpg"></td>
</tr>
<tr>
<td><img src="d.jpg"></td><td><img src="e.jpg"></td><td><img src="f.jpg"></td>
</tr>
<tr>
<td><img src="g.jpg"></td><td><img src="h.jpg" onclick="alert(this.style.offsetLeft)"></td><td><img src="i.jpg" onclick="alert(this.style.left)"></td>
</tr>
</table>
</body>

</html>

I tried
alert(this.style.offsetLeft)
but it displays "undefined".
What is distance between left margin of page and i.jpg? How can I find out it?

**the DtTvB** · Jun 21, 2007 07:33

Try this code...

Code:

function l(el) {
	var tmp = el.offsetLeft;
	el = el.offsetParent;
	while (el) {
		tmp += el.offsetLeft;
		el = el.offsetParent;
	}
	return tmp;
}

With...

Code:

alert(l(this))

**muazzez** · Jun 21, 2007 07:42

the DtTvB,
Thanks..
It is working as I expected.

User Tag List

Thread: <td><img src="i.jpg" onclick="alert(this.style.left)"></td>

Thread Tools

Display

<td><img src="i.jpg" onclick="alert(this.style.left)"></td>

Bookmarks

Bookmarks

Posting Permissions