2010-07-23 74 views
1

我做了一个用户可以填写的个性测试。(它在荷兰,在这里找到:http://www.schoolvoorontwikkeling.nl/contact/nieuwe-test)它由大约15个选择题组成。底部是一个提交按钮,并且距离较远。当用户点击它时,他会被重定向到一个显示他的“分数”的页面,这个分数基本上是他的性格类型的一个相当长的描述,根据答案。如何从表单提交按钮重定向到页面顶部? HTML/PHP

现在,虽然这一切都运行良好,我似乎无法弄清楚的是,只要用户点击提交按钮并着陆'分数'(这是一个计算用户评分的php脚本)页面上,他登录与前一页上的提交按钮相同的坐标。这在他的人格类型描述中是有效的。

我希望他能够在新页面的顶部登陆,这样他就可以从头开始阅读他的描述,而不必先滚动。 我试图让提交按钮成为一个锚点,但这似乎不起作用。谁能帮我这个?

回答

4

尝试<form action="/whatever/is/in/your-address.something#top">
#top应该降落在页面顶部。

编辑:请注意,使用此解决方案,您不需要使用id top的锚点。

+0

不错,我不知道你可以做到这一点。 – Luke 2010-07-23 10:15:38

+0

谢谢,似乎是一个很好的解决方案,但是当我这样做的时候不起作用。 我想知道,如果我使用joomla网站与包装测试周围的事实有什么关系。 – Jelmar 2010-07-25 08:09:10

+0

这是一个非常简单而有效的答案 - 非常感谢你,密码。它是完美的!!我使用它:'action =“<?php echo JURI :: current()。'#bottom';?>”'即使Joomla也是有效的; - ) – nicorellius 2012-06-27 23:40:27

1

设置停泊在<a id="pagetop"></a>结果页面的顶部,然后提交表单操作<form action="results.php#pagetop">可能下工夫,

卢克

+0

我只是打字这件事。 – cam8001 2010-07-23 10:10:58

0

测试的结果应该有不同的URL比测试,如:

http://www.schoolvoorontwikkeling.nl/contact/nieuwe-test的测试

http://www.schoolvoorontwikkeling.nl/contact/nieuwe-test/result的结果

而且你应该使用JavaScript和AJAX要在没有重定向的情况下在测试页面上查看结果,它会加载结果,并且很容易使用JavaScript移动到页面的顶部。

这可能不是你所期望的,但在我看来,这是正确的解决方案。测试和结果是两个不同的页面,应该有两个不同的URL。如果您不想重定向,AJAX和JavaScript将使其显示在同一页面上。

相关问题