Question

我正在对已经建立的网站进行一些更改，需要进行以下更改。

目前，有三个图像，当单击/选择其中一个图像时，会显示一条文本消息，然后可以单击下一个按钮将它们带到下一页。

目前，下一个按钮（图像）在页面加载时显示，这意味着用户可以在不选择选项的情况下单击下一步。

该页面已经使用php和javascript编码，我正在考虑做一个快速而肮脏的技巧。这就是我的计划：

使用display = none在html中创建CSS DIV;并在显示文本消息时更改DIV的属性以显示。

我的问题是：有没有办法使用php访问和更改DIV的属性？

HTML页面中的CSS：

#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";}
?>

提前致谢。

Answer 1

通常，您将“禁用”按钮，直到他们点击图片为止。这可以使用以下html来完成：

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

当用户使用JavaScript选择图像时，您将启用此按钮，如下所示：

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

此实施符合网络标准。

如果您想在用户选择适当的选项之前坚持按钮根本不显示，那么您的代码将类似于：

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

使用javascript：

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

使用php更改CSS div的属性

1 个答案: