0

我正在处理的 PHP 页面可以在多种状态下加载，在默认状态下，我需要一个 DIV 层可见，另一个不可见 - 反之亦然。该脚本具有 javascript 备份来执行相同的操作，但我需要 css 才能为查看禁用 javascript 的页面的人工作。

第一个 DIV 的代码工作正常：

<pre><</pre>div name="MoreDiv" ID="MoreDiv" style="position: absolute;top: 10px; left: 15px;  width: 95%; font-size:1.3em; 
<?php
if(isset($_GET['page']))
{
$ipi = getenv("REMOTE_ADDR");
$u = getenv ("HTTP_REFERER");
$httpagenti = getenv ("HTTP_USER_AGENT");

$page = $_GET['page'];
switch($page)
{
case 404:
{echo '';
break;}

default:
{ ?>

<?php }

break;}
} 
else { //
?>visibility:none; display:none;<?php }
?>">

...因此，您认为对于另一个 DIV，当在 URL 中设置 ?page 变量时需要隐藏它，将“可见性：无；显示：无；” php 输出的默认值内的属性将起作用 - 有点像这样：

div name="PhotoText" ID="PhotoText" style="position: absolute;top: 15px; left: 15px; width: 400px; font-size:1.3em; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding:10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; <?php
if(isset($_GET['page']))
{$page = $_GET['page'];
switch($page)
{
case "test":
{?>
visibility:none; display:none;

<?php
break;}

default:
{ ?>
visibility:none; display:none;

<?php }

break;}
}   

else { //
?><?php }
?>">

然而，由于某些奇怪且非常奇怪的原因，DIV 仍然显示！...它一直可见，直到页面完全加载并且“body onload”标签中的 javascript 开始隐藏它。我不能使用 PHP 将默认 URL 变量的 DIV 层保留为空白，因为有 javascript 链接需要它存在才能加载内容....所以我需要一种非 JS 方式来隐藏该层，但是以这样的方式可以使用JS使其再次可见！

4

1 回答 1

2

确实有几种方法可以做到这一点。首先，never，ever ，在属性值中插入一个if和 一种switch逻辑，就像您在问题中所拥有的那样。食谱，遇难。

在visibilityvsdisplay问题上，这个 QA 实际上很好地描述了它：

http://webdesign.about.com/od/css/f/blfaqhidden.htm

或多或少，visibility仍然在文档流中保持它的“空间”，而display影响它的流（包括完全删除它）。容易混淆，完全不同的概念。

这是一个演示，以及源标记和 CSS。

<div id="wrapper">
    <div id="novisibility" class="test">
        <p>Visiblity<br>Will you see me?<br>Will I still be "there"?</p>
    </div>
    <div id="nodisplay" class="test">
        <p>Block<br>Will you see me?<br>Will I disappear?</p>
    </div>
    <p id="buttons">
        <button type="button" id="visibility">Toggle Visibility</button>
        <button type="button" id="display">Toggle Display</button>
    </p>
</div>

#wrapper.hide #nodisplay {
    display: none;
}
#wrapper.invisible #novisibility {
    visibility: hidden;
}

Javascript正在.hide切换..novisibility#wrapper

我建议使用模板模式，将逻辑与标记/显示层分开。例如：

页面.php

<?php

// ... other stuff

if (isset($_GET['page'])) {
    $page = $_GET['page'];

    switch($page) {
        case "test":
           $cls = " NoDisplay";
        break;
        default:
           $cls = " Highlight";
        break;
    }
}

// ... other stuff

?>

您在 CSS 中定义的位置（style如果可以帮助，不在属性中）：

/assets/css/site.css

.PhototextContent.NoDisplay {
    display: none;
}
.PhototextContent.Highlight {
    background: yellow;
    display: block;
}

docPagePhotoInline.tpl

<!-- Other photo stuff, I presume. -->
<div id="PhotoText" class="PhotoTextContent<?php echo $cls; ?>">Your content</div>

我还想知道您是否正在重用该id值；你应该（可以）每页只有一个唯一id的。如果您需要涵盖多个元素的内容，请使用class名称按类别对元素进行分组。另请注意，我认为namein divs 仍然有效，但很少有人使用。用于id唯一标识一个元素。

那么你认为哪个更容易阅读？我不认为很难看出我在这里做什么，但它需要仔细看看你所拥有的，然后是一些令人头疼的事情。你的代码应该表达意图；感觉良好且看起来正确的代码并不总是很好的代码，但不优雅的鞭打格式通常表明代码可能存在问题。把它想象成一个花园；一个精心照料、井井有条的花园比没有的花园更有吸引力。

所以我至少会实现一个基本的模板方法。有几个不错的教程，比如这个。我想尽快试用Mustache for PHP，但还有其他的，例如Smarty、Flexy、Twig和Dwoo。请记住，PHP 本身可以用作模板系统，并且大多数模板系统会将模板编译成 PHP 或字节码。您只需要小心地将逻辑与视图或显示层分开。

不过，您应该将它们与一种方法配对，因此我建议使用MVC 模式的框架。那里有很多，例如CodeIgniter、TinyMVC、Kohana、Cake等。这看起来很合理：

http://phpsavant.com/

不过，尽量不要一个人在那里闲逛太多。

于 2012-09-19T02:50:12.000 回答