Re: [問題] 選單顯示的問題

看板Ajax作者 (...)時間14年前 (2011/06/29 22:48), 編輯推噓2(201)
留言3則, 2人參與, 最新討論串3/3 (看更多)
: function setBlock(dspObj,vType) : { : $("."+dspObj).slideToggle("slow"); : } : // --></script> : --------------body-------------- : <div> : <div class="objDiv1">這是區塊1。</div> : <input type="button" value="顯示區塊1" onClick="setBlock('objDiv1')"><br> : </div> : <div> : <div class="objDiv1">這是區塊2。</div> : <input type="button" value="顯示區塊2" onClick="setBlock('objDiv1')"><br> : </div> : ------------------------------------------------------ : 我知道程式一看就知道 因為class都一樣 當然就都會一起顯示阿 : 只是因為 我希望 這兩區塊的html碼都長得一樣 我php比較好輸出 : 那這樣我該怎解阿 : html碼 跟js都可以隨便改,只希望那兩區塊的html能盡量長的一樣就好 : jQuery 都不知道該怎用=_______________= 怎麼不用 name 或 id ?? 提供一個做法,不確定是否符合你的需求,參考一下。 網站側邊欄,展示產品 產品主類別1 產品主類別2 …… 每個類別點下去後,子項目才會顯示出來 產品主類別1 次類別1 次類別2 產品類別2 產品類別3 …… 第一層類別: <div onclick="show(id)"> 第二層類別: <div id="sid" style="display: none"> 第二層一開始都是隱藏的。 第一層 click 下去之後,將第二層的 display 改成 block,就會顯示了。 function show(){ document.getElementById('s'+id).style.display = document.getElementById('s'+id).style.display == "none" ? "block" : "none"; }//裡面是同一行 原本的 display 如果是 none,改成 block,否則,改成 none 這樣剛好可以在 none 跟 block 之間切換。 加上 php 做迴圈: for($i=0; $i<$totalRows_Rec; $i++){ $RowSets[$i] = mysql_fetch_assoc($Rec); } <?php for() { ?> <div class="xx" onclick="show('<?php echo $RowSets[$i]['id'];?>')"> <div id="s<?php echo $RowSets[$i]['id'];?>" style="display: none"> <table> ...... </table </div> </div <?php } ?> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.32.118.166

06/30 00:34, , 1F
你的show漏掉參數了。另外這方法把js和php綁太緊了
06/30 00:34, 1F

07/01 14:41, , 2F
我知道你的做法XD 比較像是左邊樹狀選單的
07/01 14:41, 2F

07/01 14:41, , 3F
不過我實際上的應用不在那邊 只是有點類似概念而已
07/01 14:41, 3F
文章代碼(AID): #1E2pj7y9 (Ajax)
討論串 (同標題文章)
文章代碼(AID): #1E2pj7y9 (Ajax)