Javascript拖放脚本

时间:2012-08-12 04:29:41

标签: javascript css drag-and-drop

好的,所以我对两件事情有疑问。查看我的拖放脚本:http://bouncygames.org/smell.php。首先,当我点击我制作的可拖动窗口上的X按钮时,我需要点击它两次,第一次点击它,事情搞得一团糟,然后我必须再次点击它以使一切消失。 我如何制作它所以我只能点击X一个,让窗口div消失另外,我想要它只有你拖动TITLE的地方,它拖动,而不是主要部分div。 如何制作它以便我只能使用标题来控制窗口?谢谢。

2 个答案:

答案 0 :(得分:0)

或更好

function setVisibility(id) {


 document.getElementById(id).style.display = 'none';

    //What is the rest here?
    if(document.getElementById('aid').value=='Hide Layer'){
    document.getElementById('aid').value = 'Show Layer';
    document.getElementById(id).style.display = 'none';
    }else{
    document.getElementById('aid').value = 'Hide Layer';
    document.getElementById(id).style.display = 'inline';
    }
} 

答案 1 :(得分:0)

我为你创建了一个例子:

  • 仅使用标题栏拖动对话框。
  • 关闭按钮可关闭对话框。

我知道这不是处理你的代码的答案,而是我正在使用jQuery和jQueryUI(可拖动的模块),但我认为使用这种方法会更好,因为可拖动的问题很好地受到测试库的控制像jQueryUI。

来看看:http://jsfiddle.net/davidbuzatto/s9T4b/