我要做一个在线多媒体制作系统，遇到的问题是：比如：下面的代码是插入一个图片，如何抽取图片的名称、top、left属性值存到服务器端数据库里！求程序的思路，有代码最好！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function showifra()
{
var img =window.frames["ifra"].document.createElement('img');
img.src="1.png";
img.id="img1"
window.frames["ifra"].document.getElementById("img").appendChild(img)
}
</script>
</head><body>
<iframe id="ifra" name="ifra" src="test.html" width="600" height="500"></iframe>
<input type="image" onclick="showifra()" src="1.png" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function showifra()
{
var img =window.frames["ifra"].document.createElement('img');
img.src="1.png";
img.id="img1"
window.frames["ifra"].document.getElementById("img").appendChild(img)
}
</script>
</head><body>
<iframe id="ifra" name="ifra" src="test.html" width="600" height="500"></iframe>
<input type="image" onclick="showifra()" src="1.png" />
</body>
</html>
1，JS得到img的src属性值在字符串分解得到图片文件名称；
2，JS得到img对象的width属性（宽）和height（高），top（Y坐标），left（X坐标）的值；
3，AJAX把值保存进数据库，大致的
JS操作思路：
1，JS得到img的src属性值在字符串分解得到图片文件名称；JS如何得到img的src属性值，插入图片操作的代码，没有相应的写入html里，也就是“源文件”里不显示操作的代码，那怎么获取属性值？2，JS得到img对象的width属性（宽）和height（高），top（Y坐标），left（X坐标）的值； 大侠，我问的就是如何获取属性值，能否讲下JS实现这个功能的大概程序流程思路，我要画流程图，谢谢！
img.width/height这两个直接这样就可以得到了,
top/left 这两个似乎是
img.style.left/top
看拖动,到处是这两个东西.
在IE下没有'px'在FF下就有了
var imgLeft=img.style.left;是一个数值,IE下,FF下是字符串,你可以 parseInt(imgLeft)就可以得到数值了,然后在FF下用就要加上px
加个ID,一切都好说了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function showifra()
{
var img =window.frames["ifra"].document.createElement('img');
img.src="aaa.gif";
img.id="img1"
window.frames["ifra"].document.getElementById("img").appendChild(img);alert("路径：" + img.src + "\r\ntop： " + img.style.top + "\r\nleft：" + img.style.left + "\r\nwidth：" + img.offsetWidth + "\r\nheight：" + img.offsetHeight);
}
</script>
</head><body>
<iframe id="ifra" name="ifra" src="img.html" width="600" height="500"></iframe>
<input type="image" onclick="showifra()" src="aaa.gif" />
</body>
</html>