2011-08-17 208 views
0

我已经在javascript和php中创建了一个signfield。用户可以用鼠标在现场写字。 Javascript读出坐标并将它们发送到一个生成图像的php脚本。每次移动鼠标时都会创建一个新图像,并通过javascript将其移动到div中。 问题是,这适用于IE 8,但它不适用于Firfox或Chrome。 这里是我的代码的相关部分:为什么这个适用于IE,但不适用于Firefox或Chrome?

.mousemove(function(e) 
{ 
    if(mouseDown) 
    { 
     //alert("debug"); 
     //$("#debug").html($("#debug").html() + e.pageX + ", " + e.pageY + "<br>"); 
     coordhdl.addCords(e.pageX - this.offsetLeft, e.pageY - this.offsetTop); 
     //$('#test').load('showCoordinates.php'); 
     var coordinations = coordhdl.getCords(); 
     $('#signature').remove(); 

     //IMPORTANT LINE: 
     $('#test').prepend('<img id="signature" src="showCoordinates.php?cords=' + coordinations + '" alt="braso"'); 
    } 
}); 

我也试图加载的形象是上而不是使用PHP脚本的文件系统。那也行不通。所以问题不能在javascript和php脚本之间进行沟通。

+0

了解[canvas](https://developer.mozilla.org/en/canvas_tutorial)! – epascarello 2011-08-17 12:37:40

回答

3

我觉得应该是

$('#test').prepend('<img id="signature" src="showCoordinates.php?cords=' + coordinations + '" alt="braso"/>'); 

你错过/>

+0

你是对的。没有看到。谢谢 – Luke 2011-08-17 12:36:05

2

两个问题:要追加与同一ID形象,不关闭图像标签..尝试这个:

var newImg = $("<img />").attr("src", "showCoordinates.php?cords=" + coordinations).attr("alt", "braso"); 
$('#test').prepend(newImg); 
+0

+1,重复ID属性。 – 2011-08-17 12:38:43

相关问题