2010-09-17 179 views
0

我對已建立的網站進行了一些更改,需要進行以下更改。使用php更改CSS div的屬性

目前,有三個圖像,當點擊/選擇其中一個圖像時,將顯示一條文本消息,之後可以單擊下一個按鈕,將它們帶到下一頁。

當前,下一個按鈕(圖片)在頁面加載時顯示正確,這意味着用戶可以在沒有選擇選項的情況下點擊下一個按鈕。

該頁面已經用php和javascript編碼,我正在考慮做一個快速和骯髒的把戲。這就是我正在計劃的:

在html中用display = none創建一個CSS DIV;並更改DIV的屬性以在顯示文本消息時顯示。

我的問題是:有沒有辦法使用PHP訪問和更改DIV的屬性?

CSS在HTML頁面:

#btnNext{ 
position:absolute; 
display:none; 
top:300px; 
left:200px; 
width:75px; 
height:25px; 


<?php 
if(isset($_GET['supportID']) && $_GET['supportID'] != "") 
{ 
    if ($_GET['supportID'] == 1) 
    {echo "Protecting Geckos and Their Habitats, click next";} 
    elseif ($_GET['supportID'] ==2) 
    {echo "Planting, click next";} 
?> 

在此先感謝。

+1

感謝幫助馬克! – rex 2010-09-20 04:11:26

回答

4

通常你會'禁用'按鈕,直到他們點擊圖像。

<input id="btn_next" type="sumit" disabled="disabled"/> 

當用戶選擇的圖像,使用JavaScript,這樣的事情你會再啓用此按鈕:這可以使用下面的HTML來完成

document.getElementById("btn_next").removeAttribute("disabled"); 

此實現將符合web標準。

如果你想堅持,直到用戶選擇相應的選項,您的代碼會看起來像你的按鈕沒有顯示在:

<input id="btn_next" type="submit" style="display:none;"/> 

使用javascript:

document.getElementById("btn_next").style.display = "block"; 
+0

disabled =「禁用」 – colithium 2010-09-17 04:30:53

+0

感謝您的快速響應是禁用意味着隱藏按鈕,因爲它希望客戶想要... 謝謝,雷克森 – rex 2010-09-17 04:35:27

+0

不,禁用意味着按鈕是可見的,但它是「灰色」在外觀上,它不會響應你點擊它。是的,如果你想將它們全部隱藏起來,你可以在頁面加載時讓你的按鈕具有CSS屬性「display:none」,並且在Javascript中當你想顯示你要使用的按鈕時document.getElementById(「btn_next 「).style.display =」block「; – Johnus 2010-09-17 06:35:58