Re: [問題] [js] 顯示與隱藏DIV

看板Ajax作者TonyQ (骨頭)時間17年前 (2008/04/04 21:26)推噓5(5推 0噓 0→)

留言5則, 5人參與討論串2/2 (看更多)

※ 引述《ganymade (呀)》之銘言： : ┌───────────────────┐ : │┌──┐ │ : ││ A │ │ : │└──┘ │ : │ ┌───────────┐ │ : │ │ div │ │ : │ │ │ │ : │ │ ┌───┐ │ │ : │ │ │ B │ │ │ : │ │ └───┘ │ │ : │ └───────────┘ │ : └───────────────────┘ : 如上圖， : 我在頁面上有一個按鈕A和一個div，div裡有一個按鈕B : div原來是隱藏的，按了A之後才會顯示 : 我希望做到的效果是當div顯示的時候 : 按了B 或者是頁面上除了div之外的任何地方 : div都可以被隱藏 : 這樣的javascript該怎麼寫呢 : 請板上高手賜教，感激不盡 Orz 讓我假設你的 button id=a , b (也就是 <input type="button" id="a" value ="a"/> ) div id=d ( <div id="d" style="display:none;"> <input type="button" id="b" value ="b"/> </div> ) 位置就自己擺啦... o_o 底下用沒有lib的寫法... 1.先在a的onclick上 div的show onclick="document.getElementById("d").style.display='';" 2.由於我們希望在網頁上除了div的地方按了都會隱藏所以在body上 onclick 作隱藏的動作（body意旨整個頁面） <body onclick="document.getElementById("d").style.display='none';"> 3.由於我們希望這時候點div以內的事件不要隱藏事件觸發模型是 div 被按先觸發之後接著body被按會觸發所以我們只要在div把它攔截下來就沒事了 <div id="d" onclick="return false;"> <input type="button" id="b" value ="b"/> </div> 4.因為按了b需要隱藏所以同2 寫onclick <input type="button" id="b" value ="b" onclick="document.getElementById("d").style.display='none';" /> 5.再來有一個小bug 由於1也會觸發body的onclick 會變成顯示之後就隱藏，所以要把1的內容改成 onclick="document.getElementById("d").style.display='';return false;" -- 我沒有寫demo，自己試試看，我是可以很肯定八九不離十了，而且應該還有很多方式啦 o_o -- I am a person, and I am always thinking . Thinking in love , Thinking in life , Thinking in why , Thinking in worth. I can't believe any of what , I am just thinking then thinking , but worst of all , most of mine is thinking not actioning... -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.250.227.184