如何通过php的header函数移动到特定的navtab

Question

有没有办法在通过header函数提交(页面重新加载)之后，通过header函数移动到特定的navtab。

与在teacher.php中一样，这里是tab-content中的navtab的div。

<div id=" change-password " class="tab-pane fade">

</div>

我想像在标题函数的id="change-password“选项卡中的teacher.php一样移动。i.e

if(isset($_POST['value'])
{
  header("location:teacher.php[address of change-password tab]");
}

因此，页面应该使用change password选项卡重新加载，而不是默认的活动选项卡。

Answer 1

您可以在重定向时传递GET变量：

header("location:teacher.php?password_changed");

然后，您可以检查此变量和事件的存在。显示指定的选项卡：

if (isset($_GET['password_changed']) {
    $class = "active";
} else {
    $class = "";
}
?>

<div id="change-password" class="tab-pane fade <?php echo $class; ?>">

当然，类名取决于您正在使用的css框架。如果你没有为标签使用任何框架，你需要自己编写活动标签逻辑。

如果需要多个选项卡，可以使用GET变量的内容(而不仅仅是它的存在)：

header("location:teacher.php?tab=password_changed");
// or
header("location:teacher.php?tab=some_other_tab");

在呈现HTML时，使用内联PHP语句会更简单：

<div class="<?php echo $_GET['tab'] === 'password_changed' ? 'active' : ''; ?>">
<!-- or -->
<div class="<?php echo $_GET['tab'] === 'some_other_tab' ? 'active' : ''; ?>">

Answer 2

这最终取决于您如何在主题层中实现选项卡式内容。

几个主题化框架和javascript插件支持直接导航到页面，并使用选项卡的ID和一些javascript将内容的特定选项卡置于焦点。在所有情况下，您都可以使用一些javascript或jQuery在页面加载/文档就绪时将所需选项卡置于焦点。

或者，为了避免在页面加载时依赖于javascript，您可以为页面提供javascript将应用的css类，您可以使用通过GET或POST传递的查询参数(由@martin-heralecky建议)，或者如果您的密码重置/登录过程使用AJAX，则使用cookie或local_storage。

Answer 3

短途；

header("location:teacher.php?tab=password_changed");

<div id="change-password" class="tab-pane fade <?php echo (($_GET['tab']!='password_changed')?:'activeClass'); ?>"></div>