如何制作标签菜单网站(其中一页内页)

时间:2013-05-07 09:11:29

标签: php jquery ajax menu tabs

我想建立一个网页,其中包含一页内页。

要从一个页面转到另一个页面,有一个标签或类似菜单,因此页面不会更改,只会更改内部内容。 内部内容有很多jquery和php:一个有一个表单在左边进行搜索,结果显示在中心有数据表,所以你可以搜索结果,订购它们等等。当你从一个内容切换到另一个内容我不希望重置内容(例如:你进行搜索,然后你转到另一个页面/内部内容,当你回来时,搜索的结果必须仍然存在)。其中一个选项卡有一个列表(子菜单)。当您从该列表中选择某些内容时,每个页面都必须知道并使用该选定值。

我认为我可以用很多ajax,jquery ui制表符和php制作所有这些。

我的问题是:制作类似的东西真好吗?还有另一种方法可以实现我想要的吗?制作一个包含大量页面的常规菜单(不再是内容,但是不同的页面)并将所选值保留在会话中会更好吗?在这种情况下如何保留结果?(会话再次?)

我希望这个问题是允许的。谢谢大家!

编辑:我不是在问代码(我知道如何使用jquery标签和我搜索谷歌)。我问这样做是否是一个好习惯(一页内容很多)或者最好使用更多页面?

编辑2 :我会回答我的问题。我必须做这样的事情:10个不同内容的页面,里面有php,jquery,里面有一个菜单,可以从一个页面导航到另一个页面。当您从一个页面转到另一个页面时,您离开的页面中选择的搜索和选项必须仍然存在,以便在您返回时可以看到它们。一个菜单有一个带有列表的子菜单。当您从该列表中选择某些内容时,所选值会改变一半页面中的内容(您在内部看到的内容)。我该怎么做?(不要告诉我代码,只告诉我应该用什么来完成这个)

EDIT3 :我在线查看,雅虎邮件有我想要的东西。页面顶部总是一样的。然后你有一个菜单:收件箱,联系人,日历。当您点击联系人时,只有部分页面发生变化(我称之为内部内容),当您单击菜单中的其他声音时也会发生相同的变化。在联系人内部,如果您单击一个联系人,您可以看到该联系人的详细信息,然后如果您单击收件箱并再次联系,您仍然可以看到之前选择的联系人。我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:2)

您可以使用jquery Tab plugin简单地实现此目的。

或者您应该创建一个网站模板,通过ajax调用替换内容。

       <html>
         ....

        <body>
            <div class="tab_container">
                <ul>
                       <li> Tab 1</li>
                       <li> Tab 2</li>
                </ul>
                <!-- integrate nested menu here -->
            </div>

            <div id="content">
              onclick on tab selection display appropriate content here
             </div>
        </body>

       </html>

如果只是根据标签选择显示内容而不是去Ui-tabs

,我建议你

如果您正在开发复杂的网站。你需要多个菜单。比尝试jquery下拉菜单。要显示内容,请在我的示例中提到的基于使用ajax的选项卡选项覆盖内容div。

这是jquery下拉菜单的链接

http://codecanyon.net/item/jquery-css3-dropdown-menu-plugin/996815?ref=jared501

Live Example

答案 1 :(得分:0)

HTML用于结构和一些简单的数据解释。 如果你想制作一些数据,你应该使用像PHP,ASP ......

这样的东西

如果你想要一些带有效果的好页面,请使用JavaScript并使用这些语言。 但是你没有确切的问题所以答案是常见的