使用选项卡创建带有单独选项卡图像的HTML / CSS / PHP框架

时间:2012-12-07 21:50:52

标签: php javascript html css

我设置了一个中间有一个大块的页面,我计划显示与从选项卡中选择的类别相关的数据。我希望这些数据根据有多少相关数据实例自动填充和分页。

我还想对其进行设置,以便当您选择了一个标签时,背景图像会混合到大块中,而未选定的标签会显示明显不属于同一块的图形。

我已经创建了所有的艺术作品,我的html模板已经准备就绪,我恰好在编程方面大约4到6年。所以我对如何:

有点失落

A)创建相关数据流并对其进行格式化。

B)让标签反映选择的类别。

我在代码中的标签部分有这个:

<tr>
    <td background="images/LeftSideSpacer3.png" width="20" height="32"></td>
    <td background="images/LeftSideButtonSpacer.png" width="14" height="32"></td>
    <td background="images/LeftSideButtonSpacer2.png" width="2" height="32"></td>
    <td background="<?php tabStatus(); ?>" width="65" height="32">
        <a href="<?php $href=$CategoryTitle; ?>?<?php echo $href; ?>" name="<?php $SectionName='Hunter'; ?>Hunter" onClick="<?php $CategoryTitle='Hunter'; ?>">Hunter</a>
    </td>
    <td background="images/ButtonSpacer.png" width="3" height="32"></td>
    <td background="images/TabOff.png" width="65" height="32"></td>

tabStatus()在我的标题中调用预定义函数:

function tabStatus() {
    if ($SectionName == $CategoryTitle) {
        return "images/TabOn.png";
    }
    else {
        return "images/TabOff.png";
    }
}

这些都不起作用,这让我感到迷茫。 4小时的谷歌搜索和搜索对我没什么帮助。

2 个答案:

答案 0 :(得分:1)

我假设您从sql数据库或类似的东西中获取数据。 在这种情况下,您可以迭代包含数据的对象并将其打印在HTML上下文中,例如:

foreach($data as $value)
{
    // This is supposed to be the resulting HTML string for every data value
    echo "<td>" . $value . "</td>"; 
}

这将导致包含您的数据的静态HTML页面。根据请求,每个客户端请求都会构建一个新页面。

如果您想要更加动态的方法,之后将数据加载到您的网站,请查看此处 http://verido.dk/index.php/ressourcer/artikler/loading-and-saving-data-dynamically-using-php-jquery-and-mysql/

如果您有任何其他问题,请在您的问题中具体说明。这将带来更好的答案。如果您需要对编程内容提供一般性帮助,可以在论坛(而不是StackExchange)上更好地提问。

答案 1 :(得分:0)

您正在构建用户界面,您需要将其分解为更易于管理的块。事实上,这个问题很难回答,因为没有一个“真实”的问题,也没有一个真正的答案。

查看提供的代码,我建议阅读HTML和CSS。 HTML Dog是开始创建语义标记的好方面。从那里,您可以使用新发现的技能应用于您的场景。解析其他精心构建的网页也是提高HTML和CSS知识的好方法。