1

我一直在搜索如何制作 php 输出部分，但找不到任何东西。

让我解释一下我的项目以及我正在寻找什么样的帮助。我正在开发一个玩家数据库，该数据库保存特定视频游戏锦标赛比赛的玩家结果。然后，锦标赛评论员将使用该数据库为观众进行赛前分析。这是我很难过的部分，我希望表格以一种超级容易和快速找到特定结果的方式显示。

我当前的设置是 PHP 在一个表中显示来自 mySQL 服务器的数据，它很实用，但很难筛选，尤其是稍后会有三到五个变量时。

例子：

事件：-事件名称-

日期：2013 年 5 月 19 日

地图名称：-地图 1- -地图 2- -地图 3-

结果：-获胜者- -失败者-

事件：-事件名称-

日期：2013 年 5 月 19 日

地图名称：-地图 1- -地图 2- -地图 3-

结果：-获胜者- -失败者-

我想知道如何在锦标赛名称部分显示信息，例如：

赛事：-比赛名称1-

赛事：-比赛名称2-

然后，当您单击所需的特定锦标赛时，它将向您显示该锦标赛的所有结果。谁能指出我在哪里学习如何做到这一点的正确方向？

4

4 回答 4

1

制作活动：-Tournament Name 1- 类似的链接<a href="tour.php?name=1">Tournament Name 1</a>

然后在 tour.php 中，检查$_GET['name']并在 db 查询中使用它来查找结果

于 2013-05-21T21:58:55.440 回答
1

似乎您想显示事件，单击时会展开与事件相关的信息。jQuery UI 手风琴小部件可能是处理此类数据显示的合适方式。看看这里：

http://jqueryui.com/accordion/

演示中显示的部分名称是您的事件，单击它们时显示的文本是您的事件文本

于 2013-05-21T21:59:50.047 回答
1

我不完全清楚你想如何实现这一点，但我可以想到几个选择。您可以使用 Javascript 扩展锦标赛名称下方的部分，而无需浏览器进行回发，或者您可以简单地将锦标赛名称链接到另一个页面。

选项 1 (DHTML)：

<script>
function showSection(tournamentID) {
  document.getElementById('section' + tournamentID).style.display = 'block';
}
</script>

<?PHP
...
while ($row = ... ) {
?>
    <a href="#" onclick="showSection(<?PHP echo $row['tournamentID']; ?>);return false;">
        <?PHP echo $row['tournamentName'];?>
    </a>
    <div style="display:none" id="section<?PHP echo $row['tournamentID']; ?>">
        Event: ... <br />
        Date: ... <br />
        Map Names: ... <br />
    </div>
    <?PHP
}
?>

您可以使用 JQuery 来做一些很酷的效果，例如向下滑动或淡入。上面的示例只是直接的 javascript，将简单地显示该部分 - 但不会使用任何过渡效果。

选项 2（链接）：

<a href="tournamentDetails.php?id=<?PHP echo $row['tournamentID']; ?>"><?PHP echo $row['tournamentName'];?></a>

在tournamentDetails.php 上，您将处理$_GET['id']变量并查询数据库以获取有关该锦标赛的剩余信息并将其显示在页面上。

于 2013-05-21T22:01:19.440 回答
1

对我来说，听起来你想用 javascript/css手风琴 collapse输出数据。您可以使用 JQuery 等 JavaScript 库搜索手风琴折叠代码片段。手风琴的例子可以在 Twitter Bootstrap 网站上找到：http: //twitter.github.io/bootstrap/javascript.html#collapse

这应该有助于缓解您现在拥有的长桌列表，并且最初仅显示锦标赛名称，除非用户想要查看更多信息，选择锦标赛以仅下拉有关该锦标赛的更多信息。

于 2013-05-21T22:08:11.567 回答