php - 当表单动作到同一页面时，保留页面位置？

Question

在我当前的项目中，用户在他们正在编辑的内容上单击“保存更改”，它位于页面下方，编辑框、保存的文本等...弹出。有没有办法让网站保留其页面位置，以便将它们自动滚动回他们单击编辑的位置？

理想情况下，我会有某种类型的解决方案，页面不必重新加载，但我不知道该怎么做，哈哈。

我的网站是用 PHP 编码的。

谢谢

score 5 · Accepted Answer

Html 中有一个功能可以在使用 (#) 的帮助下定位您的页面。

例如，考虑您的编辑按钮所在的以下场景

<div id="editButton">
 <input type="button" name="Edit" value ="Edit"/>
</div>

如果您的页面名称是“index.php”并且您使用 url 重定向：“index.php#editButton” 您的页面将自动滚动到该部分而无需太多努力。

它标识元素的 id 并将滚动条放置到该位置。

干杯

score 2 · Accepted Answer

您可能想查看一些关于如何通过 AJAX 保存表单的教程。这意味着您没有发布页面，因此它不会刷新，用户也不会失去他们在页面上的位置。

score 2 · Accepted Answer

我只是将 ID 选择器的名称放入表单操作中：

<form class="form-horizontal" method="post" action="#regform">

它对我有用。

score 0 · Accepted Answer

是的，有这种方法很好。

与其完全重定向，不如只发送一部分数据并相应地上传。

然后，学习 jQuery（希望你熟悉 CSS 中的 id 和 class）...

凉爽的？

score 0 · Accepted Answer

如果您在一页上有多个表单，则可以添加name该表单的属性以进行链接。例如

<form name="my-form1" action="form.php#my-form1">

我想这应该可行。

另一种方法是考虑使用 Ajax，因此您根本不必重新加载页面，或者您可以创建将在表单提交时调用的 javascript 函数，并将当前页面位置添加到隐藏输入中。页面重新加载后，您可以使用隐藏输入中的值滚动到原始位置。

score -1 · Accepted Answer

-1

是的，使用 Ajax 部分更新页面。这是在任何网络技术中做到这一点的方式。

于 2013-02-22T07:59:06.263 回答

6 回答 6