Why does my script.aculo.us code not work in Safari?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>draggable chess</title>
<script src="prototype.js"
type="text/javascript"></script>
<script src="effects.js"
type="text/javascript"></script>
<script src="dragdrop.js"
type="text/javascript"></script>
<script src="controls.js"
type="text/javascript"></script>
<style type="text/css">
td {
text-align: center;
vertical-align: middle;
}
</style>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8" />
</head>
<body>
<table><tr>
<td id="mycell" style="width: 64px; height: 64px;
background:
#ccc; padding: 0;"><img src="whiteking.png"
id="whiteking"
alt="whiteking" /></td>
<td id="mycell2" style="width: 64px; height: 64px;
background:
#ccc; padding: 0;"></td>
</tr></table>
<script type="text/javascript">
new Draggable(''whiteking'', {revert:true});
Droppables.add(''mycell2'', {
onDrop: function(element)
{ alert("hi"); $(''mycell2'').innerHTML +
''Dropped the '' + element.alt + '' on me.'';
}});
</script>
</body>
</html>
Thanks so much! It works in Firefox and IE/Win.
--Ben
