2011-03-30 71 views
0
<div class="main"><div class="sub"> 
<div class="content"> 

some content 


</div></div></div> 

是一個示例DIV使用PHP隱藏父級div和子div?上述

$data = "some value"; 

    if(!empty($data)){ show div(the above one)}else{ hide dive} 

我如何顯示或隱藏DIV

我想從PHP中分離HTML所以後來設計或佈局和HTML頁面的修改是容易的。

+0

這個問題沒有任何意義。你表演或隱藏是什麼意思?如果滿足某些條件,是否打算不爲div輸出html? – 2011-03-30 18:40:35

+0

如果$ data變量爲空,則隱藏整個div,否則顯示。我的問題是沒有回聲從PHP的整個div我想分開的HTML和PHP。一個選項是使用JavaScript。但我正在尋找其他選項。爲什麼我想將PHP從HTML中分離出來,如果你將這個文件加載到Adobe Dreamweaver中,整個佈局看起來就像是一團糟。如果有人不知道php不能編輯佈局。 – homlyn 2011-03-30 18:59:23

回答

1

我喜歡做一個CSS類調用隱藏這樣

.hidden { display: none; } 

然後你就可以添加/通過PHP這樣的刪除:

$divClass = ''; 
if (!empty($data)) $divClass = 'hidden'; 

然後,你的HTML看起來像這樣

<div class="content <?php echo $divClass; ?>"></div> 
+0

最後一個是PHP,而不是HTML。 – Wh1T3h4Ck5 2011-03-30 18:45:45

+0

是的,我認爲這個工程...所以如果$ data變量是空的,那麼整個潛水不會顯示正確?但關於主div內的小孩div呢? – homlyn 2011-03-30 18:49:50

+0

隱藏div內不會顯示任何內容。 – Wh1T3h4Ck5 2011-03-30 19:01:48

0

您可以使用CSS樣式屬性display:none來隱藏它,或者只是不要將它發送給您的用戶在假的條件下的PHP代碼。

$data = "some value"; 
if (!empty($data)) { 
    echo "<div><div><div>$data</div></div></div>"; 
    } 
else { 
    // do nothing 
    // or echo "<div><div><div style="display:none">$data</div></div></div>"; 
    } 
+0

但這個真的毀了網頁 – homlyn 2011-03-30 18:47:37

+0

我的意思是設計師不能編輯佈局,如果任何修改需要對嗎?否則他需要知道PHP。 – homlyn 2011-03-30 18:53:36

+0

有了你,你想改變使用PHP顯示DIV的設置,但也儘可能保持HTML代碼不變,對吧? – Wh1T3h4Ck5 2011-03-30 19:00:57

0

您可以將檢查結果傳遞給一個Javascript函數,並使用它來分配CSS以便在加載時隱藏它。