如何在单击按钮时专注于另一个html或php页面中的特定部分?

时间:2012-06-11 06:12:50

标签: php html

我想使用搜索选项查找其他页面中的内容。

我的Html页面:

<form action="search.php" method="post">
<input name="search" type="text"/> 

<input type="image" src="images/search-btn.jpg" alt="search-btn" /> 
</form>

我在另一个页面中有5个主题,比如'products.html'。主题标题是电影,音乐等。 因此,如果键入关键字(如每个主题中的标题或某些预定义关键字)并单击搜索按钮,我想重定向到products.php页面。

主要是我希望专注于该特定主题

现在我像这样重定向:

   <?php
    $val=$_POST['search'];

    if($val=='Music'||$val=='singer')
    {
        header('Location:http://localhost/products.html');
    }

?>

3 个答案:

答案 0 :(得分:2)

page1.html

<a name='music'></a><!-- This is anchor -->

<a href='#music'>Go to music on same page</a>

page2.html

<a href='page1.html#music'>Go to music on another page</a>

服务器端:

<?php
    if($val=='Music'||$val=='singer'){
       header("Location:http://localhost/products#$val.html");
    }
?>

您可以根据需要设置关键字锚点的样式:

<a name='music'><b>music<b></a>

<span id='music'>music</span>

答案 1 :(得分:1)

在您的表单中发布到可以处理结果的页面,保存它然后推送用户。

<form action="process.php" method="post" name="search">

此响应页面将重定向到类似

的内容
header("Location: /products.html#music");

取决于表单的完成方式。

然后在您的产品页面上添加将其联系起来的ID,例如:

<h2 id="music">Music</h2>

将重定向用户,浏览器将跳转到相应的锚点或ID。

答案 2 :(得分:0)

您也可以使用隐藏字段来尝试此技术,但对于第一页,JavaScript将适用于此

<input name="target" type="hidden" value=""/> 
<input name="search" type="text" onkeyup="your-function-to-set-value-on-hidden-field"/> 

如果typed关键字与列表匹配,则设置值;在第二页上,在PHP变量中接收隐藏字段值并执行操作。