2014-10-02 97 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