如何使一个标签菜单网站(一页与内部其他页面)


How to make a tab menu website (one page with inside other pages)

我想做一个网站,有一个页面里面的其他页面。

从一个页面到另一个页面有一个标签或类似的菜单,所以页面不会改变,只有内部内容。内部内容有很多jquery和php:左边有一个搜索表单,结果显示在中心的数据表中,所以你可以在结果中搜索,排序,等等。当你从一个内容切换到另一个我不希望内容被重置(例如:你做一个搜索,然后你去另一个页面/内部内容,当你回来的搜索结果必须仍然在那里)。其中一个选项卡有一个列表(子菜单)。当你从列表中选择一些内容时,每个页面都必须知道并使用该选择值。

我认为我可以用很多ajax, jquery ui选项卡和php来实现这一切。

我的问题是:做这样的东西好吗?有没有别的方法可以达到我的目的?它会更好,使一个正常的菜单与许多页面(没有更多的内部内容,但不同的页面),并保持选择的值在会话?在这种情况下,我怎么保存结果呢?(session again?)

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

编辑:我不是问代码(我知道如何jquery标签和我搜索谷歌)。我想问的是,制作这样的东西(一个页面有很多内容)是一个好的做法,还是使用更多的页面更好?

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

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

您可以通过使用jquery标签插件简单地实现这一点。

或者你应该创建你的网站模板,通过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

实例

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

如果你想有一些漂亮的页面与效果使用JavaScript和常用的这些语言。但是你没有确切的问题所以答案是常见的