2014-10-02 51 views
-3

我得到了可显示的div,名为“Toolbox”,里面有独立的“工具” - 可拖动的div,带有一些图标和小笔记的输入字段。隐藏父div但保持div div可见

我想要显示工具箱,抓住选定的工具,将其拖出工具箱并放在需要的位置(这个可拖动的divs需要在正确的地方进行打印,但不会保存)。这一步很简单,我已经知道了。

现在我想用他的工具隐藏回工具箱,但保持拖出工具仍然可见!这个怎么做?

--------编辑------

Somwhere出工具箱

<a href="#toolbox" onclick="showmydiv('toolbox");">Show toolbox</a> 

然后工具箱

<div id="toolbox" style="display:none;"> 
<a href="#toolbox" onclick="hidemydiv('toolbox");">Hide toolbox</a> 
<div class="draggable" id="tool1"><img src="tool1icon.png"><input value="" id="tool1label"></div> 
<div class="draggable" id="tool2"> ... 
    ... more tools 
</div> 

在单独的js我得到了工作职能文件拖动显示和隐藏 - 这不是一个问题 - 我需要删除从儿童级联隐藏。

----- EDIT2 ----

当然,我一直在这里 - http://www.w3schools.com/html/html5_draganddrop.asp

但它不是我的工作得到了拖动功能的解决方案,我不能指定新的容器,其中下降 - 可拖动的div只停留在释放鼠标键的位置。我们把这个放在一边。

更重要的是如何释放孩子从父母不继承父(隐藏)风格和父母事件?任何想法,方向在哪里搜索?

---- eedit 3 -------

去过那里 - how to hide parent div, keeping inner div visible? - 所以还是无解

+2

您对此做了哪些研究?你有任何现有的代码告诉我们你迄今为止工作过吗?你还没有真正给我们足够的信息去继续 - 可能会张贴小提琴来证明你卡在哪里? – 2014-10-02 08:12:32

+0

用我所有的东西来编辑这个问题。我不能使用jQuery,不能进入@ media-print来隐藏工具箱打印。 我知道ss长工具在工具箱内,它们从工具箱继承所有样式。我不知道如何将它们移出DOM树。 – 2014-10-02 08:24:48

+0

@达达卢斯 - 我写道,我有我的工作功能拖动,显示和隐藏div - 从来没有说过,有本地。 我只理解孩子必须从父母中移出 - 不仅在浏览器视图中,而且在代码中。 我不是目前的js功能问题。也许可以编写新的onDrop事件函数。 – 2014-10-02 08:29:56

回答

0

你有两种可能性:

A)更改父(例如创建绝对定位的div作为身体的孩子)

B)创建重复并隐藏原件

+0

我要进入动态创建的div与js出这个工具箱,在工具箱将只是与锚和onClick事件的图像。创建的工具将在另一个容器内并根据需要使用。 – 2014-10-02 10:38:20