javascript - 更改表格布局的最佳方法 - PHP 还是 JavaScript?

标签 javascript php

各位开发同志大家好!

我是一名 C/C++ 开发人员,第一次涉足 Web 开发。我正在制作足球锦标赛记分卡。 PHP 进行后端处理以生成分数。 Javascript/CSS 负责演示。屏幕一直像这样转换(哎呀-无法附加图片,因为我没有足够的代表!)

编辑:渲染困惑。这实际上是一个 4x1 table ,然后是 2x1 table ,然后是 1x1 table 。

__________________
| Brazil 1       |
| Germany 2      |
__________________
__________________
| Italy 3        |
| Argentina 2    |
__________________
__________________
| England 1      |
| Holland 2      |
__________________
__________________
| USA 0          |
| France  2      |
__________________

用户点击“下一步”按钮

_________________
| Italy  0       |
| Germany 2      |
__________________

__________________
| France 1       |
| Holland 3      |
__________________

单击“下一步”按钮

__________________
| GERMANY 2      |
| HOLLAND 1      |
__________________

首先,屏幕显示 4 场比赛的结果。单击“下一步”按钮后,它将显示半决赛结果。然后是决赛。

正如您所看到的,记分牌表的布局(行数)发生了变化。我如何处理重新绘制布局:我正在考虑让我的 PHP 脚本生成整个锦标赛结果并将它们写入隐藏/不可见元素,然后让 Javascript 处理该元素并根据哪个阶段决定布局我们参加的比赛。

这是一个合理的方法吗?我们有更好的方法吗?我的方法基于这样一个事实:只需调用一次服务器即可提取结果,从而最大限度地减少加载时间。

谢谢并欢呼!

最佳答案

我个人会使用 jQuery UI Tabs http://jqueryui.com/tabs/ 之类的工具将每个表加载到选项卡中。

您也可以使用其他插件,但在大多数情况下我倾向于从 jQuery UI 开始。

关于javascript - 更改表格布局的最佳方法 - PHP 还是 JavaScript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27541128/

相关文章:

javascript - GoogleMapsV3 window.close 不起作用

php - 指向友好 URL 的 HTML 表单

php - 如何使用 php 创建零日期时间?

php - 将内容加载到应用程序的最佳方式

javascript - Angular Ionic @ViewChild 失去引用

javascript - 为什么此 yargs 脚本帮助页面中缺少命令?

javascript - 无法为 php 日期框赋值

javascript - 使用选项卡式内容滚动页面

php - 显示通过单击按钮登录的用户名

php - mysql 项目销售