2010-09-17 265 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